Archive - DevA11y

A nasty surprise with "visually-hidden"

There is a problem if you paste the visually-hidden pattern inside an element with text.

22 hrs ago •

June 2025

The close button chases away screen reader users accidentally

Screen reader users open modal and hear: "Close, button".

Jun 24 •

Why is the Back to top button a nightmare?

It's really sad if the Back to top button is in before the main elements of the page.

Jun 17 •

Not all symbols are good for alt text

Punctuation marks clutter up voicing alt text in JAWS, if we use voices colon, quotation marks, etc.

Jun 10 •

a href="#" is bane

A link with hash in an href attribute looks like a button.

Jun 3 •

May 2025

lang cures a broken text

If a part of a text block is in another language screen reader doesn't know how to voice it.

May 27 •

alt isn't a lyric poem

alt is a communication tool.

May 20 •

Please, support DevA11y. Get a paid subscription for $6

May 18 •

Please, support DevA11y. Get a paid subscription for $6

May 18 •

aria-required take care of screen reader users to find required text fields

Required text fields might be hidden for screen reader users easily.

May 13 •

The * symbol for text fields is a visual pattern

The star symbol confuses a lot of screen reader users.

May 6 •

April 2025

img without the alt is a headache

img without the alt is a headache because screen readers voice src.

Apr 29 •

#nojs-banner { position: fixed; bottom: 0; left: 0; padding: 16px 16px 16px 32px; width: 100%; box-sizing: border-box; background: red; color: white; font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 13px; line-height: 13px; } #nojs-banner a { color: inherit; text-decoration: underline; } This site requires JavaScript to run correctly. Please turn on JavaScript or unblock scripts