yu-william-html-css-homework


 * William Yu**


 * Clone | Redesign**

The first changes I made was the removal of text-as-images that were prevalent on the page. "College of Computer, Mathematical, ...", "Hot Topics", and "Resources". Text rendered as an image is not very friendly to screen readers, browsers set to not display images (some mobile browsers), text search (ctrl-f), and search engines. While its possible for the images to have alt text, nothing works better as text than text.

To increase contrast ratio, links now have an additional background color change when hovered over, in addition to the visual cues of the pointer cursor.

While not implemented (expansion of hidden div elements requires the use of javascript), menu items with a sub menu display an image arrow to inform users that the option can be expanded and subsequently collapsed.

Gradients properly divide sub sections. The left nav section stands out clearly from the middle content section. Similarly the right resources section stands out from its immediate vicinity.