-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
17 changed files
with
871 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" | ||
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>Web Portfolio</title> | ||
| <style> | ||
| <link rel="stylesheet" href="css/style.css"></link> | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="header"> | ||
| <p> </p> | ||
| <h1>Web Portfolio</h1> | ||
| <p> </p> | ||
| </div> | ||
| <div class="navbar"> | ||
| <a href="index.xhtml">Home</a> | ||
| <a href="Videos.xhtml">Videos</a> | ||
| <a href="Tools.xhtml">Tools</a> | ||
| <a class="active" href="Accessibility.xhtml">Accessability</a> | ||
| <a href="javascript.xhtml">Javascript</a> | ||
| <a href="Usability.xhtml">Usability</a> | ||
| <a href="Graphics.xhtml">Graphics</a> | ||
| </div> | ||
|
|
||
| <div class="content" style="overflow-x:auto;"> | ||
| <h1>Web Accessibility Checklist</h1> | ||
| <table style="width:100%"> | ||
| <tr> | ||
| <th>User Characteristic<br /></th> | ||
| <th>Responsive Design Tip<br /></th> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to See<br /></td> | ||
| <td>Code all images with ALT text.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to perceive colors</td> | ||
| <td>Avoid using color alone to convey information.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to use mouse</td> | ||
| <td>Be sure all website features can be accessed using keyboard.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to hear</td> | ||
| <td>Add captions to multimedia.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Prone to having seizures</td> | ||
| <td>Avoid content that flashes.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Easily distractable</td> | ||
| <td>Keep the design simple.</td> | ||
| </tr> | ||
| </table> | ||
| <p> </p> | ||
| </div> | ||
|
|
||
|
|
||
| <p style="text-align: center;"><strong><font color="purple">Under Construction</font></strong></p> | ||
| <br /> | ||
|
|
||
|
|
||
| <div class="footer"> | ||
| <p> </p> | ||
| <p> </p> | ||
| <p>Thats All Folks</p> | ||
| <p> </p> | ||
| <p> </p> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" | ||
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | ||
| <html xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>Web Portfolio</title> | ||
| <style> | ||
| <link rel="stylesheet" href="css/style.css"></link> | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="header"> | ||
| <p> </p> | ||
| <h1>Web Portfolio</h1> | ||
| <p> </p> | ||
| </div> | ||
| <div class="navbar"> | ||
| <a href="index.xhtml">Home</a> | ||
| <a href="Videos.xhtml">Videos</a> | ||
| <a href="Tools.xhtml">Tools</a> | ||
| <a class="active" href="Accessibility.xhtml">Accessibility</a> | ||
| <a href="javascript.xhtml">Javascript</a> | ||
| <a href="Usability.xhtml">Usability</a> | ||
| <a href="Graphics.xhtml">Graphics</a> | ||
| </div> | ||
|
|
||
| <div class="content" style="overflow-x:auto;"> | ||
| <h1>Web Accessibility Checklist</h1> | ||
| <table style="width:100%"> | ||
| <tr> | ||
| <th>User Characteristic<br /></th> | ||
| <th>Responsive Design Tip<br /></th> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to See<br /></td> | ||
| <td>Code all images with ALT text.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to perceive colors</td> | ||
| <td>Avoid using color alone to convey information.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to use mouse</td> | ||
| <td>Be sure all website features can be accessed using keyboard.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Unable to hear</td> | ||
| <td>Add captions to multimedia.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Prone to having seizures</td> | ||
| <td>Avoid content that flashes.</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Easily distractable</td> | ||
| <td>Keep the design simple.</td> | ||
| </tr> | ||
| </table> | ||
| <p> </p> | ||
| </div> | ||
|
|
||
|
|
||
| <p style="text-align: center;"><strong><font color="purple">Under Construction</font></strong></p> | ||
| <br /> | ||
|
|
||
|
|
||
| <div class="footer"> | ||
| <p> </p> | ||
| <p> </p> | ||
| <p id="test">Thats All Folks</p> | ||
| <p> </p> | ||
| <p> </p> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,205 @@ | ||
| @import url('https://fonts.googleapis.com/css?family=Open+Sans'); | ||
| #test { | ||
| color: #00FF00; | ||
| } | ||
|
|
||
| body { | ||
| background-color: #001122; | ||
| color: rgb(94, 140, 209); | ||
| margin: 0; | ||
| width: 100%; | ||
| margin: 0 auto; | ||
| /* horizontal center */ | ||
| } | ||
|
|
||
| h1 {} | ||
|
|
||
| h2 { | ||
| font-size: 3.0vh; | ||
| } | ||
|
|
||
| p { | ||
| padding-left: 7vmin; | ||
| padding-right: 7vmin; | ||
| font-size: 1.5em; | ||
| } | ||
|
|
||
| p1 { | ||
| text-align: center; | ||
| font-size: 3.0vh; | ||
| } | ||
|
|
||
| hr { | ||
| border: 0; | ||
| border-top: 1px solid #001111; | ||
| border-bottom: 1px solid #001100; | ||
| box-shadow: 0 4px 8px 0 rgba(150, 0, 200, 0.3), 0 6px 20px 0 rgba(150, 0, 200, 0.19); | ||
| } | ||
|
|
||
| h1 { | ||
| font-family: Verdana; | ||
| text-align: center; | ||
| text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black; | ||
| } | ||
|
|
||
| caption { | ||
| font-family: Helvetica; | ||
| text-align: center; | ||
| color: rgb(94, 140, 209); | ||
| font-size: 3vw; | ||
| font-size: 3vw; | ||
| word-spacing: 2vw; | ||
| } | ||
|
|
||
| th { | ||
| text-align: left; | ||
| font-family: Helvetica; | ||
| color: rgb(94, 140, 209); | ||
| padding-left: 6vmin; | ||
| font-size: 2vmax; | ||
| float: center; | ||
| } | ||
|
|
||
| td { | ||
| font-size: 1vmax; | ||
| padding-right: 6vmin; | ||
| } | ||
|
|
||
| .navbar { | ||
| background-color: #444; | ||
| overflow: hidden; | ||
| text-align: center; | ||
| font-size: 1vmin; | ||
| font-family: Open sans; | ||
| border-radius: 0em 0em 2em 2em; | ||
| background-color: rgba(0, 155, 50, 0.75); | ||
| -webkit-animation: filter-animation 12s infinite; | ||
| } | ||
| @-webkit-keyframes filter-animation { | ||
| 0% { | ||
| background-color: rgba(0, 155, 50, 0.75) | ||
| } | ||
|
|
||
| 25% { | ||
| background-color: rgba(0, 50, 50, 0.75) | ||
| } | ||
|
|
||
| 50% { | ||
| background-color: rgba(50, 0, 100, 0.75) | ||
| } | ||
| 75% { | ||
| background-color: rgba(0, 50, 50, 0.75) | ||
| } | ||
| 100% { | ||
| background-color: rgba(0, 155, 50, 0.75) | ||
| } | ||
| } | ||
|
|
||
| .navbar a { | ||
| color: #f2f2f2; | ||
| !important float: center; | ||
| text-align: center; | ||
| padding: 0.5vh 2vh; | ||
| text-decoration: none; | ||
| font-size: 4em; | ||
| align: center; | ||
|
|
||
|
|
||
| } | ||
|
|
||
| .navbar a:hover { | ||
| background-color: #00AA66; | ||
| color: black; | ||
| } | ||
|
|
||
| .sticky { | ||
| position: fixed; | ||
| top: 0; | ||
| width: 100% | ||
| } | ||
|
|
||
| .sticky+.content { | ||
| padding-top: 60px; | ||
| } | ||
|
|
||
| .button { | ||
| color: #f2f2f2; | ||
| float: center; | ||
| text-align: center; | ||
| padding: 14px 16px; | ||
| text-decoration: none; | ||
| font-size: 6vmin; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .active { | ||
| background-color: #053; | ||
| } | ||
|
|
||
| .header { | ||
| background-color: #330088; | ||
| } | ||
|
|
||
| .header h1 { | ||
| margin-top: 0px; | ||
| margin-bottom: 0px; | ||
| } | ||
|
|
||
| .header p { | ||
| margin-top: 0px; | ||
| margin-bottom: 0px; | ||
| } | ||
|
|
||
| .footer h1 { | ||
| margin-top: 0px; | ||
| margin-bottom: 0px; | ||
| } | ||
|
|
||
| .footer p { | ||
| margin-top: 0px; | ||
| margin-bottom: 0px; | ||
| } | ||
|
|
||
| .footer { | ||
| background-color: #444; | ||
| } | ||
|
|
||
| .content {} | ||
|
|
||
| div h1 {} | ||
|
|
||
| p#overview { | ||
| color: #9651ff; | ||
| } | ||
|
|
||
| .hed { | ||
| text-align: left; | ||
| margin: 3em 5em !important; | ||
| padding: 1em; | ||
| font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif; | ||
| font-size: 1em !important; | ||
| text-indent: initial; | ||
| font-weight: bold; | ||
| background-color: #111144; | ||
| border-radius: 4px; | ||
| box-shadow: 0 1px 2px rgba(60, 60, 150, 0.25) | ||
| } | ||
|
|
||
| table { | ||
| padding-left: 10vmin; | ||
| } | ||
| .headnav { | ||
| width: 100%; | ||
| position: fixed; | ||
| box-shadow: 10px 10px 4px rgba(0, 0, 0, 0.75); | ||
| } | ||
|
|
||
| .cutcorners { | ||
| border-radius:4px; | ||
| } | ||
| .centerp { | ||
|
|
||
| text-align: center; | ||
| display: block; | ||
| margin: 0 auto; | ||
| } |
Oops, something went wrong.