Search

Items tagged with: webdev




Please don't bloat web pages!

"Modern web bloat means some pages load 21MB of data - entry-level phones can't run some simple web pages"

tomshardware.com/tech-industry…

#webperf #webdev #webdevelopment #usability #sustainability








I am currently working on #accessibility in #forgejo. And I discovered a problem with focus where it is not possible to navigate the page with "tab", a dropdown makes the focus skip to the end of the page and you end up in a loop.

Can someone recommend ways or tools to debug focus in webbrowsers? I have a hard time to see how the focus skips there. Any hints are welcome.

Thank you.

#WebAccessibility #WebDev #webDevelopment










🤡 The wrong way to use aria-roledescription to call out someone as a fascist:

html5accessibility.com/stuff/2…

#a11y #webDev #politics #ARIA
[share author='stevef' profile='https://html5accessibility.com/stuff/author/stevef/' avatar='' link='https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/' posted='2020-10-06 13:28:50' guid='81daf735-8b2361906e7d629a-214181df' message_id='https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/']aria-roledescription is not a label

It is an alternative expression of the Aural UI of the role of an element.

inappropriately using aria-roledescription may inhibit users’ ability to understand or interact with an element.
ARIA 1.1

The wrong way to use aria-roledescription and call out someone as a fascist:

code

<img aria-roledescription="fascist" src="dt.PNG"
alt="Donald Trump">

This is wrong because you are not identifying the subject of the image as a fascist, you are overwriting the <img> element role so it effectively becomes a <fascist> element. Also, there is no explicit text identification of the subject as a fascist.

A much better way to achieve the aim of identifying a fascist (and not misusing aria-roledescription):
Example of a fascist
code
<figure>
<figcaption>Example of a fascist</figcaption>
<img src="dt.PNG" alt="Donald Trump">
</figure>

html5accessibility.com/stuff/2…




CSS + Accessibility: Inclusion Through User Choice
noti.st/cariefisher/1gWjQz/css…
Presentation slides from WordPress Accessibility Day by Carie Fisher
#css #a11y #webdesign #webdev