The easiest way to keep your web apps accessible: Just use text
Reading this article made me realize what it is that&#x27;s broken about the concept of semantic markup and why websites even today are div soup.<p>It&#x27;s the same reason why divs won in the first place. You can&#x27;t dictate the shape of a document to people and it be anything other than a kludge.<p>Take the site I work on, Great Big Story[1]. We have sections and headers, but our content isn&#x27;t defined by text, it&#x27;s defined by graphics and videos, with little metadata sections on the video player page that I suppose could be semantic if we had the right descriptive tags. I use semantic markup when it seems to make sense, but we have so many weird little needs to introduce elements just for styling purposes.<p>Take a recent example, I need four elements to make a styled file input form. Two labels, one to look like a button and can be clicked, taking advantage of the browser behavior of treating clicks on the label to be clicks on the form. The other label is the actual label, could be just a span if I wanted, it doesn&#x27;t have the htmlFor attribute set. The actual form input button is hidden using CSS tricks because the actual button can&#x27;t be styled. Finally there&#x27;s the filename display, which is set to the filename of whatever was uploaded or the existing one if present. This uses Javascript callbacks to get set.<p>None of these elements are semantic, legacy cruft keeps the markup from being simple and readable. I suppose you could demand our video presentation site to be a motherfucking website[2], but I fail to see how that will actually improve much of anything and would just hurt our brand. I&#x27;m getting a little tired of coder hatred for web fashion. It keeps us all employed.<p>But I think we&#x27;re at least 10 years out from being able to actually use semantic markup. Web standards and browser vendors still have some maturing to do.<p>[1] <a href="https:&#x2F;&#x2F;www.greatbigstory.com" rel="nofollow">https:&#x2F;&#x2F;www.greatbigstory.com</a><p>[2] <a href="https:&#x2F;&#x2F;motherfuckingwebsite.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;motherfuckingwebsite.com&#x2F;</a>