Accessibility / Customization Options

[abuckles-uci]

Hi @rptmat57,

What are the plans / current processes for NEMO in regards to accessibility? This is in response to Fact Sheet: New Rule on the Accessibility of Web Content and Mobile Apps Provided by State and Local Governments.

We've been using the WAVE plugin for determining compliance so far. There are a range of issues that come up when using the plugin. Some have to do with color contrast issues and others with HTML structure (such as missing labels). I'm not sure how this all fits in with use of Bootstrap and FullCalendar libraries.

If you'd like I can send a more detailed list of possible issues I've found so far.

One more suggestion, it could be helpful to have some more color customization options.

1. Primary, secondary, warning, etc. button colors
2. Default calendar event color customization option where #88B7CD is:

   NEMO/NEMO/templates/calendar/reservation_event_feed.html

   Line 25 in a06186b

   "color": "{% if x.tool %}{% if x.reservation_item.tool_calendar_color|lower == "#33ad33" %}#88B7CD{% else %}{{ x.reservation_item.tool_calendar_color|default:"#88B7CD"|escapejs }}{% endif %}{% else %}{{ x.reservation_item.area_calendar_color|default:"#88B7CD"|escapejs }}{% endif %}",

   1. This is an example of low color contrast

Thank you,
Aaron

[rptmat57]

Hi @abuckles-uci,
We do our best to adhere to the accessibility guidelines, but NEMO isn't 100% compliant. We use the Wave extension too.
I would gladly look at any PR aimed at increasing NEMO's compliance with accessibility.

The color customization are a bit tricky to add since we use bootstrap for a lot of those. Also, I gave up on making fullcalendar compatible, the version we use is too old and to hard to customize.

[abuckles-uci]

Hi @rptmat57,

Thanks for the response! I have just one followup question. I'm sure these would both be huge tasks, but are there any long term plans for using newer versions of Bootstrap and FullCalendar? For example, newer versions of Bootstrap support color modes / theming: https://getbootstrap.com/docs/5.3/customize/color-modes/.

Thanks,
Aaron

[rptmat57]

Oh I have been thinking about it, but there is no long term plan at the moment unfortunately.

This would be a pretty big task indeed. At least FullCalendar is limited to just one page, but bootstrap is used all over the place so that would take quite some time.