Jump to content


BrowserBugs

Member Since 07 Feb 2012
Offline Last Active Today, 09:12 AM
*****

Posts I've Made

In Topic: Online Car Boot Sale Layout

19 July 2017 - 04:16 AM

Wow, love the idea and feel of the site ... as others point out it's the 'quirky' style that brings the car boot feeling. That said, I have to be blunt mate, you need to sort out a lot of issues.

 

One of my biggest gripes is the main navigation. It looks so simple to use, until you try to and on desktop a simple example is try using a mouse to get to Sell > Book a Stall ... 9/10 times my mouse moves off and the nav disappears before I get there. I need to hover Sell, move down to Previous & Active Stalls and then straight left to get to Book a Stall. The other thing I would also expect is that clicking 'Sell' would take me to the main sell page about setting up a stall etc and the 'Buy' link would take me to 'Go Booting' as that's why I'm here, or better a page of all items for Sale, or a list of Stalls with items for sale. Also my final gripe on the nav is so many items on the navigation under sell or user require you be logged in. Would be much clearer if both had an overview of the services offered by having an account such as what 'Stats and Points' are, and hide the other options unless they are logged in. Wishlist should also be a constant like a shopping cart, even when empty it shows the service is there and not hidden in a sub navigation. 

 

Second you need to sort out the stalls (pages). I like the idea of the 'Go Booting' page being a list of stalls but I would suggest a carousel of the stalls products with auto play or bigger left and right arrows to show there's more and hide them if there are only 2 products as no scroll required, something like Slick would work. My biggest headache was once I realised I could scroll left and right I expected them all to scroll, but then some perfectly match to the edges so I can't tell if there are more products or less, really confusing. Also I would suggest a link to 'view stall' which would be a page of all items from the seller and any 'filters' applied on Go Booting should really grid the products and not separate still by stalls. By adding stall pages you could potentially generate social links etc made by the stall holders etc. Oh, and on a side note the term 'aisles' baffled me, is it instead of 'pages'?

 

Finally design wise please, please, please stop using the full width of the browser for the content and wrap the content with a max-width! It turns paragraphs into 24" wide sentences, a real pain to focus and read the content.

 

Cheers. Aw, I like the animation ;-) I was told it was good for seo. You think it would be better to have a few fewatured items for sale on there instead?

 

The principal behind animations being 'good for seo' is for deeper indexing of lower tier pages such as products or categories. That said it's no better than a humble link. The animation coverage on the home page is taking up prime real estate which would be much better served explaining what the site is for and for getting people straight into the buy, sell or register pages.


In Topic: Trouble with "Skip to Main Content"

13 July 2017 - 04:36 PM

.skip {
position: absolute;
top: -1000px;
left: -1000px;
height: 1px;
width: 1px;
text-align: left;
overflow: hidden;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
left: 0;
top: 0;
width: auto;
height: auto;
overflow: visible;
}

 

That would work, but so would my option, I think the OP just wants to know why it doesn't pass the Varvy test rather than how to make a skip link. 


In Topic: Trouble with "Skip to Main Content"

13 July 2017 - 08:15 AM

Thanks, BrowserBugs, but adding tabindex values didn't solve the Varvy test failure problem.  There must be something else.

 

No idea then matey, not really sure what their criteria is. I don't normally use Varvy, I did spot they have under accessibility criteria "No empty alt links" which is a bit confusing as alt is not a link and images without completed alt attributes are ok if they serve no purpose.

 

Wikipedia: "Every image should have an alt attribute to be accessible, but it need not contain text. It can be an empty or null attribute."

Myth 4. Every Image Needs Alt Attributes: "Many images do not need alternative attributes. If your site uses spacer, line, bullet and other purely design-oriented images, do not use alt attributes in those image tags."


In Topic: Trouble with "Skip to Main Content"

12 July 2017 - 09:50 AM

Ahoy. Sounds like you want to look into tabindex, see https://developer.mo...ibutes/tabindex.

<header>
<a href="#content" tabindex="0">Skip to Main Content</a>
<nav>
<ul>
<li><a href="/page1">Page One</a></li>
<li><a href="/page2">Page Two</a></li>
</ul>
</nav>
</header>
<main id="content" tabindex="-1">
<h1>Main Section</h1>
</main>

In Topic: How do you answer "how much does a website cost?"?

10 July 2017 - 07:44 AM

What have you found is best way to educate non-tech-savvy people on this?

 

Normally to put it in their industries context. If they sell cars it's like asking them how much is a car? If they're in catering then how much is a sit down meal? Most of them will answer 'what sort of car' or 'what menu and how many guests' and then bingo, they suddenly understand it's the criteria that sets the budget for a project.