Everyone should be able to access and enjoy this house.
Accessibility House is a demonstration of WCAG first universal design. The “gotcha point” is when you start to find the hidden Easter eggs placed, unassuming, throughout this experience. Accessibility House is the gamification of inclusive design.
Imagining, creating, and iterating products that solve users' problems or address specific needs in a given market. The key to successful product design is understanding the end-user customer, the person for whom the product is being created.
View Silicon Hackers' Profile
Skill
Journey Map
Data Architect
Designs and manages data systems, sets policies for how data is stored and accessed, coordinates various data sources within an organization, and integrates new data technologies into existing IT infrastructures; visualizations and reporting.
Creative Writing
Decades of publications for technical documentation, user journals, and religious research.
Universal Modeling Language
General-purpose, developmental modeling language in the field of software engineering that is intended to provide a standard way to visualize the design of a system.
Information Architect
Organizing content in labeled and scalable way to find information.
Skill
First-Class experience
Accessibility Architect
Web Content Accessibility Guidelines (WCAG), advancing web accessibility and improving your users' experience. Thinking about users’ interactions and clearly identify universal solutions.
Section 503c
The Americans with Disabilities Act (ADA) protects people with disabilities from discrimination.
Skill
Making products dance
Over a million lines coded.
Skill
Perfect results! That's old news.
Product Owner
Lead the way from start to finish with many RF scanners, plethora mobile applications, and over one hundred computer products.
The "Accessibility House" Mortor!
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
Name:
RGB:
HSL:
is used as our primary typeface and is used as an accent for headings and other special purposes.
Primary font: Source Serif Pro, Georgia, Arial, sans-serif;
Primary font italic: Source Serif Pro, Georgia, Arial, sans-serif;
Primary font bold: Source Serif Pro, Georgia, Arial, sans-serif;
Secondary font: Verdana, Times, serif;
Secondary font italic: Verdana, Times, serif;
Secondary font bold: Verdana, Times, serif;
Script font: cursive;
H1
H2
H3
H4
H5
H6
p
Painful zombies quickly watch a jinxed graveyard. Grumpy wizards make a toxic brew for the jovial queen.
System Health: 98%
Some tablets are displaying off-centered.
The previouse release hav been sunset: (add image?) hacker tornado (v1) business card (v2) we have begun the amazing vision of designer concept (add imge) to have real time updates, charts, user feedback. Single Landing Page
| Type | Name | Note |
|---|---|---|
| New | New release (v3) | Initial release of refactored "siliconhacker.com" as accessibility first design
site.
|
| New | Light Dark Mode | User configuration for light dark mode with looks at system preferences. |
| Refactor | Responsive Views | Mobile, Landscape, Tablet, Desktop, and Television |
| New | favicon v1 | Initial favicon using black and white SH |
| New | Company Slider | Business I have worked with over the decades. |
| Refactor | Green Theme Highlight | Using the classic silicon_hacker greens for text highlighting and other special effects. |
The astetic and layout have been established; it is time to in some content and pop.
| Type | Name | Note |
|---|---|---|
| New | Full Screen Button | Cards on the main body have a "full screen" button that is visible on focus. |
| Refactor | Refined UI Elements | Sofisicated accessibility for full screen mode and animations. |
| Refactor | Event Buttons | ARIA refinements labels and transistion labels |
| Refactor | Favicon v2 | Second icon using the Accessibility Houses' accessibility avatar. |
| New | Animation | Accessibility Houses' accessibility avatar "Top cane spin". |
| Refactor | Company Slider | Added (30) slides and polished keyboard experience. |
| Refactor | Full Screen Mode | Fixed quirks between responsive views. |
The page is lacking a rounded experience, needs more user research.
| Type | Name | Note |
|---|---|---|
| New | Animations Mode | User configuration for light dark mode with looks at system preferences. |
| New | Labels Mode | User configuration for light dark mode with looks at system preferences. |
| Refactor | Footer | Updated business registrations and corporate taggings. |
| New | Help Us Button | Easter egg button |
| New | Menu Button | Full responsive mobile and tablet menu button transistions into desktop and television views. |
| Refactor | Closures | Help Us Button easter egg "double click" glitch fixed. |
| New | Release Notes Page | Published release history of feature pushes, refactors, and product backlog. |
| Refactor | File System | Split CSS and JS files into smaller files for organization with life cycle development. |
| New | Style Guide Page | Showcased Accessibility Houses' colors and fonts. |
| Refactor | Font System | Scrapped the almost every font to have it use the new responsive font system with the primary goal of improving legibility. |
Four user research sessions have provided an avalanche of feedback. The results have been getting organized and prioritized to Implementation.
| Type | Name | Note |
|---|---|---|
| New | Release Notes Page | Added ESC key keyboard support for closing the page. |
| Refactor | Footer | Removed Style Guide page, Help Us Button, and Curved text. Setup three grid area layout |
| New | Animation | Accessibility Houses' accessibility avatar "bounce". |
| New | Profile Page | Official profile page for Silicon Hacker |
| New | Smart TV App Layout | Wide (8) column layout to resemble landscape movie poster. |
I have enterprise level goals for this little design site. When this gets to the end of the road, you should will feel like your that dude in harry potter reading the newspaper.
| Type | Name | Note |
|---|---|---|
| New | Cookies Mode | Settings button to toggle cookie acceptance which will include local saved easter egss and ability to reset. |
| Refactor | Company Slider | Add card number system and refine card view. |
| New | Database Connectivity | Stand up database to collect all the product events to get posted into a real time dashboard. |
| New | Mobile App Signup Flow | Gamification experience that links with the cookie system |
| New | SaaS Dashboard | Expanded data visualizations with drill throughs and discovery experience. |
| New | Wallpaper Gallery | A wall of images that has random animated events for focus and pleasure. |
| New | Search | Structured data to enhance search engine optimization experince and ranking. |
| Refactor | Hosting | Repsolve siliconhacker.web.app to siliconhacker.com. |
| New | Cart Flow | Use transaction system to to check off list "charge users" for easter eggs found in page events. |
| New | Privacy Page | User "terms of use" agreement experience. |
| New | 404 Page | Bring tornado silicon hacker to the page not found experience. |
