2024/Brighton/a11y: Difference between revisions

Revision as of 06:40, 10 March 2024

Accessibility in the Small Web was a session at IndieWebCamp Brighton 2024 primarily about accessibility for those who make personal websites.

Notes archived from: https://etherpad.indieweb.org/a11y

IndieWebCamp Brighton 2024
Session: Accessibility in the Small Web
When: 2024-03-09 15:00

Participants

Paul Watson
Add yourself here… (see this for more details)

Notes

The March 2024 IndieWeb Blog Carnival theme is "Accessibility in the Small Web", so...

@lazcorp's post on this subject - https://www.lazaruscorporation.co.uk/blogs/artists-notebook/posts/complex-images

There is no limit of the length of 'alt' attribute text, but an overlong description is not appropriate. So for Complex Images you should also include a text description elsewhere in the HTML of the page.

Aria Descriptions for sections of a page - where should they go?

Perhaps in a Table of Contents at the top?

HTML5 Landmarks - hardly used in practice

Accessibility testing tools:

Lighthouse/PageSpeed Insights - https://pagespeed.web.dev/
Polypane - dev browser - https://polypane.app/
HTML Code Sniffer - https://squizlabs.github.io/HTML_CodeSniffer/
Pa11y - https://pa11y.org/
Axe - https://www.deque.com/axe/

@@ Line 1: / Line 1: @@
-'''<dfn>Accessibility in the Small Web</dfn>''' was a session at [[2024/Brighton|IndieWebCamp Brighton 2024]].
+'''<dfn>Accessibility in the Small Web</dfn>''' was a session at [[2024/Brighton|IndieWebCamp Brighton 2024]] .
 <!-- * Video: {{videoduration |link=https://archive.org/update-this-url |duration = mm:ss}}-->
@@ Line 17: / Line 17: @@
 @lazcorp's post on this subject - https://www.lazaruscorporation.co.uk/blogs/artists-notebook/posts/complex-images
 There is no limit of the length of 'alt' attribute text, but an overlong description is not appropriate. So for Complex Images you should also include a text description elsewhere in the HTML of the page.
@@ Line 36: / Line 37: @@
 == See Also ==
 * [[2024/Brighton/Schedule]]