web-standards

Unordered lists and accessibility

被刻印的时光 ゝ 提交于 2021-02-08 15:07:00
问题 Many (most?) sites aiming for accessibility and standards compliance use unordered lists for their navigation. Does this make the site more accessible or does it just provide useful elements for styling? I don't mind them, and I have been using unordered lists in this way. It's just that, when I remove the styling from a page to try to gauge it's accessibility, it strikes me that it could just as well could be plain links. Where does this come from? 回答1: The best markup for your site's

Unordered lists and accessibility

风流意气都作罢 提交于 2021-02-08 15:05:09
问题 Many (most?) sites aiming for accessibility and standards compliance use unordered lists for their navigation. Does this make the site more accessible or does it just provide useful elements for styling? I don't mind them, and I have been using unordered lists in this way. It's just that, when I remove the styling from a page to try to gauge it's accessibility, it strikes me that it could just as well could be plain links. Where does this come from? 回答1: The best markup for your site's

There is a web standard for animated vector images?

删除回忆录丶 提交于 2021-01-29 06:13:01
问题 Assuming that the SVG is the standard for still vector images, there is an equivalent for animated vector-based images too ? The problem I'm trying to solve can't be solved by pixel-based formats such as APNG or GIF, they don't scale at all on different displays, and they also get really really heavy pretty quick, vector images are what I need but I need a standard way to provide a file with an animated vector entities in it. To be clear I'm not trying to animate a webpage or part of it, I'm

legality of div tag immediately under html tag

我的梦境 提交于 2020-01-17 06:58:48
问题 I was running lynx to test some HTML I had to do, because having accessibility in mind. I guessed that, if looked pretty in Lynx, the whole range of screen readers, crappy phones and other stuff would do OK, even most ancient hardware. In some cases I was using a shortcut in case I wanted to wipe out all static HTML at a once for the regular case of when JS is supported and enabled, consisting in nesting all the static HTML tags in an identified div tag to be wiped out. Later I realized that

Refactoring a function that uses window.open to use the DOM rather than write()

余生长醉 提交于 2020-01-15 03:15:13
问题 I have an application that uses window.open() to generate dynamic popups. Unfortunately, I've had trouble creating the content of the new windows using the standard DOM functions ( createElement , appendChild ), and I've gone to using document.write() to generate the page. Concretely, how can I go from this: function writePopup() { var popup = window.open("", "popup", "height=400px, width=400px"); var doc = popup.document; doc.write("<html>"); doc.write("<head>"); doc.write("<title>Written

Refactoring a function that uses window.open to use the DOM rather than write()

久未见 提交于 2020-01-15 03:15:08
问题 I have an application that uses window.open() to generate dynamic popups. Unfortunately, I've had trouble creating the content of the new windows using the standard DOM functions ( createElement , appendChild ), and I've gone to using document.write() to generate the page. Concretely, how can I go from this: function writePopup() { var popup = window.open("", "popup", "height=400px, width=400px"); var doc = popup.document; doc.write("<html>"); doc.write("<head>"); doc.write("<title>Written

How to decide What should be chosen to make heading bold <strong> or <h3/h4/h5>?

我只是一个虾纸丫 提交于 2020-01-05 08:16:44
问题 How to judge what should be <h2> , h3 h4 h5 h6 or <p><strong>Some text</strong></p> If we don't have knowledge about context Only title of the page i can judge easily <h1> How to judge others I always get content from clients in MS word 2007 format and client always use fontsize to make things smaller and bigger. How we can best judge where client want Headings level and where he used bold text only for styling and where He really want to give emphasize on text. <p><strong>Some text here<

Which doctype should I use for GWT 2.0?

∥☆過路亽.° 提交于 2020-01-02 03:37:11
问题 I think I should use <!DOCTYPE html> for my new GWT application; I understand that doing so will put my application into standards-compliant mode. Am I correct? Are there any disadvantages to using this doctype? Does GWT work properly in standards-compliant mode? I'm wary because the GWT tutorial still uses the HTML 4.01 transitional doctype. 回答1: The new layout panel functionality in GWT 2.0 requires standards mode and does not work in quirks mode. 回答2: Using <!DOCTYPE html> will put the web

noscript alternative in XHTML?

北慕城南 提交于 2019-12-29 08:40:11
问题 In HTML I could do: <noscript><link href="css/stylenojs.css" rel="stylesheet" type="text/css" /></noscript> Is there some compliant way to do so in XHTML Transitional or Strict documents? 回答1: The example you give is invalid in HTML as well as XHTML. No current recommendation provides a way to include a stylesheet unless scripting is enabled. In general, you should avoid <noscript> . Start with something that works, and then build on it. In this case, you could write your stylesheet for non

What elements can a span tag contain in HTML5?

馋奶兔 提交于 2019-12-28 02:48:08
问题 So I have been a CLI or Cron developer in PHP for most my career and now I am learning why I did not like UI work in school ;) I am dealing with HTML5 validation here and I am not finding an answer to a question that is for curosity. I ran the W3C HTML5 validation on my home page and I got several errors around a div being within a <span> and that is not allowed. I tried changing all <div> within spans to a <p> but recieve pretty much the same error. http://www.w3schools.com/html5/tag_span