Tagged “accessibility”

TIL aria-expanded for showing when things are hidden/shown Oct 31, 2022 accessibility html accordion

The aria-expanded attribute is set on an element to indicate if a control is expanded or collapsed, and whether or not its child elements are displayed or hidden.

TIL ARIA role presentation Sep 30, 2022 accessibility semantic html

Think of this as a reset. You use role=presentation to remove semantic meaning from an element.

TIL reduce-motion-blur Sep 29, 2022 accessibility css

Dizziness and vertigo are symptoms of a vestibular balance disorder. If the user has set up a user preference that they prefer motion-based animation be disabled/reduced, we can tap into that. As web developers, we can also support them.

TIL Icon Fonts being the suckfest that they are Sep 28, 2022 accessibility fonts svg

In 99% of all use-cases, SVGs are better.

TIL Decorative Images Sep 27, 2022 accessibility html images

make a blank alt='' for presentation images - aka image might already be given using adjacent text, or the image might be included to make the website more visually attractive.

TIL Accessibility in Devtools Aug 07, 2022 accessibility devtools

You can enable the Accessibility Devtool (currently in experiments mode) to do screenreader testing.

TIL Disable users from highlighting text Jul 30, 2022 html css accessibility

You can use the 'user-select' property to prevent an element from being highlighted by the user.

TIL add link decoration to help with accessibility Jun 18, 2022 links css accessibility mdn

One of the WCAG requirements is not to rely on color only when you want to distinguish a button or link from the rest of the text. Painting links in blue or another color doesn’t suffice since it still might not be visible for people with color blindness. The most typical method is underlining links; they can also appear in bold font.

TIL a Accessible way to solve Read More Jun 09, 2022 accessibility links webdev html

Screenreaders help sight-impaired visitors have a better experience. The most annoying thing on a news website is to hear this: Read more — link, read more — link, read more — link. There's two ways to solve it.

TIL that Xbox has a accessibility Guidelines Mar 23, 2022 gamedev accessibility

The guideline also provides `gamer personas', types of gamers who are affected by that specific issue and how your accessibility solution will help them.

TIL using live regions for autocomplete accessibility Feb 21, 2022 accessibility javascript autocomplete

However, the screen reader does not recognise this as an action to tell the user about. It will announce the header and the input box when they gain focus, but not the search results.

TIL writing modes Jan 10, 2022 accessibility rtl css mdn

The 'writing-mode' CSS property determines if lines are laid our horizontally, or vertically. The direction is determined by the context of the direction of the content.

TIL Writing really good alt text Jan 05, 2022 accessibility images copywriting

One way to think of alternative text is to think about how you would read the page containing the image to someone over the phone, without mentioning that there is an image present. Whatever you say instead of the image is typically a good start for writing the alternative text.

TIL Accessibility changes and dynamic content Dec 31, 2021 accessibility

Using JavaScript, it is possible to dynamically change parts of a page without requiring the entire page to reload. But the result is that pages with accessibility issues do not return the value.

TIL RTL writing Jun 30, 2021 rtl accessibility

TIL Accessible CSS Accordions May 23, 2021 html css accessibility

For years, I've been looking to find a CSS accordion that is also accessible.

TIL outline-offset May 18, 2021 accessibility css

Some sites remove :focus. Those sites suck. They should instead do this:

TIL Alt text for images that are important Apr 25, 2021 accessibility html

Alt text is required if the image is a critical part of the content.

TIL Alt Text for everything else Apr 24, 2021 accessibility html

alt text for images with captions, that are decorative, part of image sets

TIL Adding Alt text to Supporting Images Apr 23, 2021 html accessibility

For images not critical to the content but support it, a alt attribute must be present.

TIL Alt text for images that contain text Apr 22, 2021 accessibility html