Hi folks. SUNY Polytechnic Institute is one of the few (only?) colleges or universities that I know of that has a tiddlywiki file in production! ----- https://sunypoly.edu/contact/offices/provost/provost/spring-2020-office-hours.html
The Web Architect, however, has questioned the accessibility of the document, in particular writing this: WCAG dictates that any <select> elements (the faculty member select dropdown) must have a label associated with the form control. This can be accomplished by adding an ID attribute to the <select> element and using a descriptive label tag with a "for" attribute referencing the ID of the <select> element (source). Tiddlywiki does not support the use of ID, title, or aria-labelledby attributes in <$select> elements - see more <https://tiddlywiki.com/static/SelectWidget.html>. Because of this, labels cannot be configured by editing the tiddlers through the UI. However, class attributes are supported for <$select> elements, so my solution is to add a class to the <$select> element in the UI and then target this class using a javascript snippet and insert the ID. The JS snippet is below. <script>document.getElementsByClassName('faculty-select')[0].setAttribute("id","faculty-select");</script> But this needs to be added to the html file (the raw wiki code), and can't, as far as I can tell, become something in the wiki itself. Does anyone have any experience or understanding of this issue? Can't tooltips work sufficiently? Thanks, //steve. -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/a5668497-517b-4daf-8bda-bf1054a6ca41%40googlegroups.com.
