By: Drew Hengehold
28 April 2025

"Designing for accessibility is not that hard" - Pablo Stanley:

 1) Ensuring a proper contrast. This is essential when desigining a webstie because it ensure readers can see the website in all settings. Whether it be projected on a screen in a classroom, shining in the dark of the night or read during the day, contrast ensures that a website can be seen by all at any time. 

 2) Putting descriptions of input fields as labels instead of placeholders. When the user begins to type, the placeholder disapears, keeping it on the outside ensures the user remebers what they're typing. 

 3) Alt captions for images. This is important when a photo wont load or when a user has a screen reader turned on. Descriptive elements are essential when it comes to photos, especially when those photos are important elements like a cart image or logo. 


Teach Access Inititive:

1) Sometimes div's are necissary and must replace a built in HTML element, when this happens, ensure to use aria-label elements to inform screenreaders what that div is supplimenting. It's always best to use html but aria cant help suppliment these elements, especially in examples like using lists or navigation bars. 

2) Label your button, links, and divs with tabindex = __ to ensure that they can be reached using the keyboard. This is not built in with links so for anchor elements it's especially important to add this property. 

3) The dialog showHideDialog(event) property can greatly help with making websites more accessible to those people who need a dialog to opperate your site.