Best of HeydonWorks — 2024

1. 1
   Article

   HeydonWorks·2y

   The aside element

   The <aside> element is both a sectioning and landmark element in HTML, often used for tangentially related content or supplemental information on a webpage. ARIA (Accessible Rich Internet Applications) attributes add accessible information, with landmarks playing a critical role in helping screen readers navigate interfaces. The post discusses the evolution of the <aside> element, its role in accessibility, and different practical applications beyond traditional layouts.

   41

   1
2. 2
   Article

   HeydonWorks·2y

   The br element

   The post discusses the <br> element in HTML, often conflated with tags and elements. It delves into the misuse and necessity of the <br> element, especially in the context of WYSIWYG editors that generate a lot of <br> tags due to their desktop publishing roots. A CSS solution to handle excess <br> elements is shared.

   37

   1
3. 3
   Article

   HeydonWorks·2y

   The b element

   The HTML `<b>` element, which once stood for 'bold' in HTML4, now means 'Bring Attention To' in HTML5. However, it shares visual styling with the `<strong>` element, which indicates strong importance, leading to confusion. The post discusses the challenges in differentiating these elements both visually and for assistive technologies, and it suggests generally avoiding `<b>` in favor of `<strong>` for clarity.

   27