Placeholder text is used quite a bit in modern HTML5 forms. It is not meant to replace form labels, but is intended to be a hint about the format of what the form field data should take. While checking the accessibility issues on a recent project, I noticed that placeholder text is sometimes indistinguishable with form field values when using certain screen reader/browser combinations. This post talks about how to work around this issue with just a little bit of JavaScript.
Accessible Form Placeholder Text
Tags: accessibility · Forms · Uncategorized
Flex Layout Fail: Fixing Firefox’s Keyboard Accessibility Bug With The CSS order
Property
Firefox, unlike every other browser on the planet, changes the way that keyboard navigation works in designs that use the CSS order
property. Since a lot of developers use flexbox, this can create a lot of cross-browser accessibility issues. This article shows a fix for this problem using a small amount of Javascript.
Tags: accessibility · CSS · flex-layout · order · Uncategorized