Posts

Showing posts from November, 2022

'main' HTML tag after 'header' tag

 The 'main' HTML tag comes between the site 'header' and 'footer' tags. There can be a page 'header' and a page 'footer' within a 'main' tag. There can also be 'header's and 'footer's wihin 'article' and 'section' tags.  I wrongly put my site 'header' and 'footer' tags within my 'main' tag and Chrome did not mark the 'header' and 'footer' as 'landmark' tags in the accessibility tree. There are more tips at:  bbingo.xyz/t

prefers-reduced-motion

 I have been adding 'prefers-reduced-motion' and 'prefers-contrast' media queries to my webpages. The accessibility course on 'web.dev' says I should have my animations off by default and let the user turn on the animations if desired. Chrome lets you emulate these media settings. The computers at my library do not let you set these media settings in Windows. 'web.dev' says these two accessibility media queries are the two best supported by browers. There are more tips at:  bbingo.xyz/t

HTML5 outliner

 I am using the online HTML5 outliner by Marc Hoyois at: 'hoyois.github.io/html5outliner/'. I used to use the outliner at: 'gsnedders.html5.org/outliner/'. This got confused by HTML5 tags like 'header' and 'nav'. This outliner seemed to break and stop working. There are more tips at:  bbingo.xyz/t

lang="en-GB"

 I changed the 'lang' attribute of my 'html' tags to be 'en-GB' rather just 'en' to help screen-readers. I also removed 'text-align: justify' as the uneven spacing can make the text harder to read. There are more tips at:  bbingo.xyz/t