makeademic

[makeademic]

[makeademic]

[makeademic]

[makeademic]

[makeademic]

[makeademic]

[makeademic]

[makeademic]

[makeademic]

[RESOURCE] Screen Reader Recording of HTML

-EB

[makeademic]

[RESOURCE] HTML Visual Hierarchy, Accessibility, and Code Exercise

Visual Hierarchy

Size and Scale

Color and Contrast

Typographic Hierarchy

Spacing and Proximity

Negative Space

Alignment

Rule of Odds

Repetition

Leading Lines

Rule of Thirds

Golden Ratio

Perspective

Focal Point

Balance

Randomness

Texture

Visual Triangle

Accessibility

Use text whenever possible

make sure links are clearly recognizable

provide text alternative for all non-text elements

design accessible form controls

don’t rely on color alone to create contrast

Accessibility Pt 2

Use semantic HTML

Provide alternative text

Use Clear Language Use clear language that is easy to understand, and try to avoid characters that cannot be read clearly by a screen reader. For example:

Keep sentences as short as possible. Avoid dashes. Instead of writing 1-3, write 1 to 3 Avoid abbreviations. Instead of writing Feb, write February Avoid slang words

Write Good Links A link should explain clearly what information the reader will get by clicking on that link.

Link Titles The title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.

-EB

[makeademic]

3D Printing

[makeademic]

3D Printing

[makeademic]

[RESOURCE] QR Code Book

If you are going to augment your zine with a QR Code, you can use it to link to a URL or text.

Try out Chris Fritton’s Why We Lose Our Hands letterpress-printed QR code and read more about it at http://tracejournal.net/trace-issues/issue3/01-royston.html

-EB

[makeademic]

This blue LED is powerful! Many thanks to Yesenia from the Orlando Public Library for leading us in this paper circuit activity!

[makeademic]

Gravity Falls GIF Exercise with Photoshop

-EB

[makeademic]

[makeademic]