I am working on the accessibility issues in my project. I am using VS 2010 added a .htm file to the project and pasted the following html.
code snippet
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
Submit Go Question
</body>
</html>
When i right click on the html page in visual studio and say check accessibility it throws the following error.
Error 18 WCAG 13.1 : Clearly identify the target of links. Do not
use "Click Here". Use something descriptive, like "Map of
campus." C:\Raghu\Official\MVC\Lab 01 -ASP.NET-MVC-Fundamentals
MVC3\Source\Ex01-CreatingMusicStoreProject\Begin\TestAccessibility\TestAccessibility\TestPage.htm 8
When i analysed this error i found that whenever there is a word inside the HTML anchor tag with the combination of letters "Go" it throws this error.
The error is not thrown for GO or go letter combinations. The error is thrown even for words like Goals, Governance etc.,
I think this has got something to do with the combination of "G" in capital followed by "o" in lower case.
How to resolve that error (escaping the combination "Go")?
It isn't an error as such, but more a guideline for the text you should have as your link.
this page http://www.w3.org/WAI/wcag-curric/sam97-0.htm should give you an idea of what you should have as your links.
in your example you have Submit Go Question, the link text doesn't make sense. By using the word Submit, you are implying that the link is a button for accessibility purposes, when it actually is a link that will not submit a form.
better ways to put your text that might meet accessibility guidelines are
Start the questionnaire
Next question
Previous question
basically you have to describe where the links are taking you. going of the W3 guidelines, click here is a bad example, as accessibility-wise you might say 'click where?'
Related
I have some text which is spat out if JavaScript isn't turned on and this is currently failing an accessibility test.
It is within a <noscript> tag but the accessibility test is saying that the text is not included within a landmark.
None of the 8 standard roles seem to cover this, and I can see there is a generic role.
Is it therefore okay to use:
<noscript role="generic">
Or is that going to be a poor user experience for someone with a screenreader?
Thanks
Just fleshing this out a bit.
So actually when javascript is disabled via developer tools, the code just gets spat out on the with no tags at all. Looks like:
<body>
"Please ensure Javascript is enabled for purposes of.....
<meta charset="UTF-8">............
The first landmark I can see is on the navigation so the message itself is not wrapped within another landmark.
It is being flagged an error because of:
https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA11
https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA20
https://alfa.siteimprove.com/rules/sia-r57
Based of the above, am I right in thinking I can either:
Wrap the message in <dialog>message to go here</dialog> OR
Bring the current message inside the <header> tag
I have a webpage that supplies a structure, in it, I include multiple files. For instance:
1. header.aspx which contains a form for logging in.
2. main.aspx that includes another form
3. footer.aspx that includes yet another form.
this is my code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<!--#include file="header.aspx"-->
<!--#include file="main.aspx"-->
<!--#include file="footer.aspx"-->
</body>
</html>
each sub-file has it's on .cs or .vb class page, and each file has a page directive.
I get the expected error:
There can be only one 'page' directive.
I recognize that I address my issue from the wrong perspective. How should I re-construct the structure of my page to allow me to include multiple webforms?
alternitavely, is there (there must be), a better "righter" way to do the sort of thing I am trying to achieve, being: creating one big page that is constructed from many fragments of smaller webpages/webforms.
additionally, I don't want header.aspx to be accessible by typing in its address in the browser domain.com/header.aspx, but rather I always want it to be displayed as part of a bigger webpage.
what the way to go instead of my proven to fail method?
Thanks
p.s
I don't mind doing my own research, but I do need guidance, so, I would appreciate a full example and explanation with all the information I need, but also links to articles will be highly appreciated.
OK guys, tell me what I am doing wrong... Is this a new Google Plus issue? Or — to use an old Facebook term I created — an Unannounced Platform Change? (note the date of this question)
Please Note that I'm asking about Google Plus Share Buttons, not the GP+1 like button which is a different beast…
The Description Tag is not passed thru to the share window or to the Google Plus page post. If you inspect the Google window code with Firebug, you will see this:
<div class="Zm"></div>
…which is where the description tag should display.
Demo and source code located here.
Now...
The demo and the more complex script are both HTML5 validated. I have tested this with both schema.org tags and open graph tags:
All Tags work fine in the Google Structured Data Testing Tool here.
Results are the same in both cases: description tag does not display, so that's not the problem.
I have tested this on http:// and https:// with the same results: description tag does not display, so that's not the problem.
I have tested this on FF22.0 with and without AdBlockPlus && Chrome 28.0 and the results are the same: description tag does not display, so that's not the problem.
I have tested different button types with the same results: description does not display, so that's not the problem.
And I have googled for hours… and cannot find any "current links" to this issue that are not simple code errors.
So what part of this am I missing?
Any ideas, comments, suggestions or solutions would be greatly appreciated!
Google+ dropped the shared page's description.
You can find indications of that by looking at the "Basic Page" example at https://developers.google.com/+/web/share/ which used to show a description until several weeks ago. The current status of Google documentation clearly shows that a "description" is not expected or used anymore.
<html>
<head>
<title>Share demo: Basic page</title>
<link rel="canonical" href="http://www.example.com" />
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
</script>
</head>
<body>
<g:plus action="share"></g:plus>
</body>
</html>
So, the only important tags are:
the "page title",
and — optionally — the "canonical link" (for SEO reasons).
That's it!
Obviously, Google downgraded website descriptions to less relevant in Google+ just like they did in their search engine a long time ago.
Most probably this was done for the same reasons Google once started to put less emphasis on the description of pages in their Search Engine product too: to avoid spam and keyword stuffing from polluting their Google Search and Google+ products.
For additional, "official" reference that Google generally marked descriptions to be "less important" a long time ago, check https://support.google.com/webmasters/answer/35624?rd=1 which states in the section "Create good meta descriptions":
...Google will sometimes use the meta description of a page in search results snippets, if we think it gives users a more accurate description than would be possible purely from the on-page content...
Well, "sometimes" obviously does not include Google+ (anymore) and — to be honest — I see their point. After all, you can (and should) "describe" the link in your Google+ post textarea yourself… which would also be the most logic thing to do: tell your users why the linked website is worth visiting instead of relying on a site's description.
You can use Google Snippet via meta tags to inform google what to display when your link is shared... You can view details # https://developers.google.com/+/web/snippet/ (Customize the snippet people see when your page is shared. Using this tool, you can generate code for your page that indicates the images and text that best represent what's being shared.)
<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Article">
<!-- Add the following three tags inside head. -->
<meta itemprop="name" content="Title For Example.com">
<meta itemprop="description" content="Sample Description For The Article..">
<meta itemprop="image" content="http://www.example.com/1.jpg">
Hope this helps.
I am doing one project in asp .net.Its completed,then the same project will be done in html5. How to convert the .aspx pages and master pages to html 5? Is it possible?If any one know please tell me.
You can technically make the page HTML5 by changing the doctype...
<!DOCTYPE html>
<html lang="en">
<head runat="server">
<meta charset="utf-8" />
It is also recommended that you specify a lang attribute on the html tag and include the meta tag to define your character set.
This won't give you instant HTML5 semantics, but this is essentially step one. Using the right elements for the right kinds of content will be down to you, for example deciding when to use header, article, section, footer instead of plain div elements and so on.
You should also be able to select "DOCTYPE:HTML5" from the toolbar in Visual Studio - I don't know what version you are using, but I think in the previous version you could download a HTML5 language extension, I'm pretty sure it is included by default in Visual Studio 2012.
what you can do... if I understand your question correctly is, rightclick and say view page source and copy your html or install google chrome and the on each page you can go rightclick and inspect element. you can copy and paste the html of each page including the masterpage content. Its a sloppy way but will work if you only want the html
One of the way that i think you can do is to use http://modernizr.com/ kind of framework to switch between html5 and normal html easily .
I have created a website in VS 2008 (C#) that is using masterpages.
In the ASPX pages that are based off the masterpage I'm using the # PAGE title directive to set the title of the genereated HTML page.
When I run the page on my development system the title displays correctly i nthe browser. However when I view the source code in the browser the tag is being broken into 3 lines.
<head><title>
My Page Title
</title>
...other meta tags...
</head>
That looks very strage to me. Is there something that I am doing wrong to cause the type of behavior? Will search engines look down on this syntax with the line breaks?
I'm expecting output like this:
<head>
<title>My Page Title</title>
...other meta tags...
</head>
I've never seen that happen before, and I've used MasterPages and Page Titles a few times in the past year.
From an SEO perspective, search engines would ignore the line break in the title and only look at the actual characters between the open and close statements.
This won't make much of a difference. You should be fine either way, and search engines are smart enough to not get confused only a new line or return. Just as long as the HTML isn't malformed, you should be alright.