<story><title>A JavaScript-Free Front End</title><url>https://dev.to/winduptoy/a-javascript-free-frontend-2d3e</url></story><parent_chain><item><author>gambler</author><text>You can trivially add keyboard shortcuts to this solution after it&amp;#x27;s implemented - with 0 rework. Moreover, the is absolutely no guarantee that an arbitrary JS library for modal popups will have better usability. And I have yet to see one that will not fail if I block JavaScript, creating horrible user experience for everyone who does so. Funny how usability concerns go out of the window when NoScript&amp;#x2F;uBlock users are involved.&lt;p&gt;Personally, I try to avoid modal popups altogether. There is almost always better ways to structure things. The whole concept of &amp;quot;modal&amp;quot; UI doesn&amp;#x27;t map well to the &amp;quot;document&amp;quot; nature of web elements.</text></item><item><author>roebk</author><text>It&amp;#x27;s perfectly possible to do some nifty tricks with CSS alone. The one thing this author has omitted is the impact this has on accessibility. Sure, I can open a modal without the need of JavaScript, but my focus isn&amp;#x27;t trapped within the modal and with no standard keyboard shortcut (ESC) to dismiss the modal, it provides a sub-standard experience for all users.&lt;p&gt;Be sensible and use JavaScript when it&amp;#x27;s appropriate. Please don&amp;#x27;t think it&amp;#x27;s cool to create some fancy JS-less widgets and forget about accessibility.</text></item></parent_chain><comment><author>roebk</author><text>This is not simply about modals. Using VoiceOver and Chrome I cannot access the pop up menu to navigate the site. These CSS tricks are cool but they shouldn&amp;#x27;t be used in a production environment without basic usability testing.&lt;p&gt;More specifically, no you cannot add keyboard shortcuts &amp;quot;with 0 rework&amp;quot;. How are you returning the users focus to the active element before they opened the modal? The key is not to use an &amp;quot;arbitrary JS library for modal popups&amp;quot; and to use or create a modal library that has superior usability baked in. Sure, maybe there&amp;#x27;s a superior workflow than to use a modal.&lt;p&gt;For anyone that is interested MicroModal (&lt;a href=&quot;https:&amp;#x2F;&amp;#x2F;micromodal.now.sh&amp;#x2F;&quot; rel=&quot;nofollow&quot;&gt;https:&amp;#x2F;&amp;#x2F;micromodal.now.sh&amp;#x2F;&lt;/a&gt;) ticked a lot of boxes last time I checked.</text></comment>
<story><title>A JavaScript-Free Front End</title><url>https://dev.to/winduptoy/a-javascript-free-frontend-2d3e</url></story><parent_chain><item><author>gambler</author><text>You can trivially add keyboard shortcuts to this solution after it&amp;#x27;s implemented - with 0 rework. Moreover, the is absolutely no guarantee that an arbitrary JS library for modal popups will have better usability. And I have yet to see one that will not fail if I block JavaScript, creating horrible user experience for everyone who does so. Funny how usability concerns go out of the window when NoScript&amp;#x2F;uBlock users are involved.&lt;p&gt;Personally, I try to avoid modal popups altogether. There is almost always better ways to structure things. The whole concept of &amp;quot;modal&amp;quot; UI doesn&amp;#x27;t map well to the &amp;quot;document&amp;quot; nature of web elements.</text></item><item><author>roebk</author><text>It&amp;#x27;s perfectly possible to do some nifty tricks with CSS alone. The one thing this author has omitted is the impact this has on accessibility. Sure, I can open a modal without the need of JavaScript, but my focus isn&amp;#x27;t trapped within the modal and with no standard keyboard shortcut (ESC) to dismiss the modal, it provides a sub-standard experience for all users.&lt;p&gt;Be sensible and use JavaScript when it&amp;#x27;s appropriate. Please don&amp;#x27;t think it&amp;#x27;s cool to create some fancy JS-less widgets and forget about accessibility.</text></item></parent_chain><comment><author>Wowfunhappy</author><text>While I recognize a lot of the HN crowd blocks Javascript, the overall percentage of people doing this is absolutely tiny.&lt;p&gt;What is the case for making Javascript-blocking users a priority?</text></comment>