#dalandanconcepts.com

Here is another screenshot of the Dalandan v2 wireframe.  I've been working on 3 different wireframes for V2: mobile (screenshot in the previous post), desktop, and tablet.  I'm planning a single-page layout for each device, perhaps with subpages or galleries related to each portfolio project.  The sticky navigation would start towards the bottom of the page in the home section but ultimately stay at the top of the page when you scroll down to other sections.  V2 will also be more geared toward an industry that I am now planning to primarily target.  Please feel free to provide feedback!

In fact, a majority of web users have some sort of disability, whether they use software such as screen readers to help themselves cope with it or—I would suspect—use normal browsers wherever possible and just adjust their interactions with websites to cope with their physical condition.

Here are a few of the improvements I made for accessibility and usability this week: Added a site map page since those who use screen readers are more likely to use them.

Added more event handlers to my navigation links so that people who cannot use a mouse/touchpad will see the navigation states change.  (I am aware of a bug in this that I still need to fix.  It's on my to-do list.)

Modified the breadcrumbs so that the home page link says "Home".  I also moved the breadcrumbs to the top of the page, above the header.

Added a meta description to the site's template and shortened page titles for SEO.

Modified the header tags to fit a proper outline form (h1, h2, etc., instead of starting with h3 for the page header).

All this adds up to no more Priority A violations for DalandanConcepts.com!  And one of these can go on my site, if I choose to put it there:

SortSite Top 10%

Checked for: Broken Links Browser Compatibility Accessibility and Section 508 Compliance

I made a few more cosmetic changes too: Replaced the very wide "rule of thirds" copyright image with a more condensed and attractive copyright image.  The paper mockup of this is in the portfolio.

Added the current site version and a link to the site map in the page footers.

Moved the availability text down so that it does not touch the green lines in the page headers.

The site still has a few violations of the Section 508 standards, but these are considered less severe: Use relative (e.g. %) rather than absolute (e.g. px) units in HTML attributes: I will change this in version 2 when I create a responsive layout for my site.  I love the responsiveness of layouts like that of University of Chicago.  For version 1, my site uses a pixel-based 960 grid.

This page has no privacy policy. If your web server logs visits, then every page reachable by a search engine should have a privacy policy explaining what is logged and how the logs are used: Good point, EU Privacy Regulations.  My site does not use cookies, but I agree that it should have a short, clear privacy policy—especially after I add Google Analytics to it later.

Provide a search option on each page of content-rich Web sites: This may be needed for version 2, depending on the structure of the site. The site may get broader and deeper, or I might even condense it to one page like some other designers have done.

Use text links rather than image links. In general, text links are more easily recognized as clickable: This is the only feedback from the 508 checker that I disagree with.  Unless I replace my company logo and navigation bar with text links, I can't see myself doing this.  Images are also a much larger link target than text unless that text is very large.