In short:
• Use <input type="checkbox" [checked]> if you want to bulk check / uncheck a bunch of checkboxes.
• Use <button aria-pressed="true|false|mixed"> if you want to bulk expand / collapse a bunch of disclosures.
Grazie al #governo, per i prossimi dieci anni in Italia la direttiva europea che limita l'inquinamento dell'#aria non verrà applicata. Padroni a casa nostra!
La #Lombardia chiede una #deroga di dieci anni della direttiva europea che definisce la qualità dell'#aria. E offre ai suoi cittadini dei corsi di apnea a prezzo agevolato.
check for accesskey and aria-keyshortcuts bookmarklet
Made this to quickly check for presence of accesskey and aria-keyshortcuts attributes to help in testing WCAG 2.2 Success Criterion 2.1.4 Character Key Shortcuts
In cases where there is a title="something" and an alt="" on an <img> along with the same text in text, to avoid the text being announced twice (in Firefox+screen reader combo) set aria-hidden="true" on the <img> or even better avoid using the title attribute. Not an issue in Chrome 🙌🏽 , Firefox issue filed.
"An ugly truth is that there are still interoperability issues with some of the native HTML controls and Screen readers. Even though these controls have been around since long before AI came to the rescue of our accessibility asses."
"Live regions provide a solution for announcing dynamically added content that would otherwise be missed by screen readers, but their behaviour is not consistent across different browser/screen reader combinations."
Another deep-dive article on #HTMHell, this time about #ARIA live regions by Andrea de Souza. Bookmark this one, this will be a great resource once you need it! 💪