fastenhealth / fasten-onprem

Fasten is an open-source, self-hosted, personal/family electronic medical record aggregator, designed to integrate with 100,000's of insurances/hospitals/clinics
GNU General Public License v3.0
1.54k stars 83 forks source link

Make sure design is accessible + add a 'Themes' feature to allow users to change to high-contrast mode #420

Open jeffreywpearson opened 7 months ago

jeffreywpearson commented 7 months ago

Implement a themes infrastructure so users can modify the look and feel of their instances.

jeffreywpearson commented 7 months ago

Side comment on this that is related. Since this project is in the health care domain, it's probably pretty important to make sure it adheres to the American Disabilities Act for accessibility..... See https://www.ada.gov/resources/web-guidance/#when-the-ada-requires-web-content-to-be-accessible

AnalogJ commented 7 months ago

https://webaim.org/resources/contrastchecker/ from @miggle on Discord

xNS5 commented 7 months ago

As an idea about this, my university's student union has an interesting feature for adjusting display settings such as light/dark theme and font. https://vu.wwu.edu/

At the top toolbar there's a "Display settings" dropdown. One idea for implementation would be to have a series of themes available that are accessible/screen reader friendly, then store the configuration for that in the user's browser. Another alternative for that would be more database driven so that the display configuration is tied to the user account, but I think that would require a bit more work.

AnalogJ commented 7 months ago

@xNS5 thats a pretty interesting idea. We have support for user settings in the database already, so it shouldn't be a ton of work to add user specific theme setting -- most of the work is actually going to be in the frontend, as we need to create a settings page (and actually define the themes)