text-overflow:ellipsis - Is it worth using?
Ellipsis is a series of dots that usually indicates an intentional omission of a word, sentence, or whole section from a text without altering its original meaning. - Wikipedia
Every image must have alt attribute
<img>must have an associated
altattribute. The associated
altattribute must either have meaningful content or be empty.
Focus Reset and Guided Focus Management
Focus reset happens when an active (currently focused) element, gets removed form the DOM or the render tree. On focus reset,
document.activeElementrefers to relative top most
iframe, leading to an unpleasant user experience for keyboard only users and screen reader users.
To mitigate the
focus resetproblem, one must implement
guided focus management. As the name suggests, in
guided focus management, one programmatically focuses the desired HTML element/node.
For example, when a modal is displayed, the modal container is focused, similarly, when a modal is dismissed, the element that had triggered the modal display, is focused.
When an HTML element/node is focused, screen reader generally reads out the content of the HTML element, which serves as a feed back to the non sighted users.
tab order and tab navigation simulation
This is a follow up of tab order and tabindex post, simulating tab order and tab navigation using left and right arrows.
tab order and tabindex
A keyboard only user, primarily uses
tabkey to reach the actionable controls in a web page. The order in which
focusableelements are focused via
tabpress, is called
tab order. When a user presses
tab, browser focuses the next
tabableelement in the