Design

Visually, components are unique, flexible units to compose complete layouts. For content, they can trap reusable data into single-use decorations.

System.css is a CSS library for building interfaces that resemble Apple's System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however this library is based on System 6 as it was the final monochrome version of MacOS.

The IBM Design kit is a collection of tools aimed to help you design and prototype experiences faster, with confidence and thoughtfulness. This kit is based on the IBM Design System. Also, you may use this documentation to create add-on libraries to the IBM Design System or submit bugs to the current system.

Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.

Roon guest-authors a post on large language models and the future of computing.

The other day I was skimming Webkit’s Safari Technology Preview 153 release notes and noticed that they had added support for aria-description. I always found…

Throughout the research and design processes, our unconscious biases are the greatest risk to delivering inclusive experiences. From who we include and exclude in our research to how we plan and conduct research to how we analyze findings, it’s crucial that we understand how our unacknowledged biases can perpetuate systems of exclusion.

Emoji spread from text messages into everything we write. Headlines, list items, email subject lines... Your text is boring? Add an emoji! Trying to increase the response to your newsletter? Add an emoji! Making a list? Add an emoji! Adding emoji always works. Right?

How to properly turn a div into a button, so the result will be accessible and useable by everyone.TLDR: Use a native button.

Randomness in the browsers without using JavaScript? Check out how to generate random numbers using just CSS and make some generative art!

This Technology Radar quadrant explores the techniques being used to develop and deliver software

Get to know how Android is built to be accessible to everyone—from supporting adaptive switches to using machine learning to help make things easier to hear.

Diese Ausführungen gelten generell für Websites, gehen an einigen Stellen aber auf Besonderheiten der Buchbranche ein. Sie bilden eine Auswahl der in WCAG 2.1 („Web Content Accessibility Guidelines“, https://www.w3.org/TR/WCAG21/) aufgeführten Vorgaben für barrierefreie Websites.

Eine Webseite sollte für jeden Besuchenden möglichst zugänglich sein. Wir führen in die grundlegenden Begriffe ein, stellen WAI, WCAG und BITV vor und zeigen Wege, Barrierefreiheit zu prüfen.

Digitale Barrierefreiheit ist bereits seit 2018 für bestimmte Websites Pflicht – die Regelungen werden schrittweise ausgeweitet. Die EU positioniert sich

Widersprüche in der Barrierefreiheit – Standardkonforme Webseiten brauchen für ihre Links eigentlich nicht die zusätzliche Hinterlegung von tabindex. Wenn diese Funktion zusammen mit anderen Techniken wie Skip-Links verwendet wird, dann kann das tabindex-Attribut die Funktionalität und Gebrauchstauglichkeit sogar beeinträchtigen.

Flexibilität ist das Zauberwort, wenn es um die Entwicklung mobiler Websites geht. Worauf es beim Design für mobile Endgeräte ankommt und wie man damit umgeht beschreibt der Webentwickler Jens Grochtdreis.

Artikel zur Konzeption, Gestaltung und Technik barrierefreier Webangebote : Einfach für Alle

As designers, we claim to choose this profession because we want to make an impact on people’s lives – and we repeat that claim over, and…

A free 24-hour online community event on accessibility and inclusion

Our digital journalism style guide of inclusive language is populated with more than 1,000 terms spanning containing descriptions, usage examples, related terms, and additional resources.

Improve your design skills with the help of 5 online graphic design games. Practice color, typography, and layout skills with fun, engaging exercises.