Search completed in 1.05 seconds.
Standards-Compliant Authoring Tools - Archive of obsolete content
if you're using older versions of tools that rely on old browser bugs or generate browser-specific code, it may be time to upgrade: nvu is a standalone editor created from the remains of mozilla composer. currently the work done on nvu is being ported back to mozilla source code. html-kit is a full-featured, low priced editor designed to help html, xhtml and xml authors to edit, format, lookup help, validate, preview and publish web pages. validation is done with html tidy, so you can verify standards compliance. ...
Authoring MathML - MathML
s verbose when your document contains advanced structures like lists or tables but fortunately there are many generators from simple notations, wysiwyg editors and other content management systems to help writing web pages. mathematical notations are even more complex with structures like fractions, square roots or matrices that are likely to require their own tags. as a consequence, good mathml
authoring tools are more important and we describe some tools below. in particular, the mozilla mathml team has been developing texzilla, a javascript unicode latex-to-mathml converter that is intended to be used in many scenarios described here. of course, the list is by no means exhaustive and you are invited to check out the w3c mathml software list where you can find various other tools. note that by ...
Mozilla Web Developer FAQ
what are the quirks mode and the standards mode? gecko has two and a half layout modes: quirks, almost standards and standards. in the standards mode gecko aims to treat documents authored in compliance with the applicable web format specifications. in the quirks mode—for the purpose of backwards compatibility—gecko mimics some behaviors of legacy browsers in ways that are spec violations. ...
... activated for html, is to use this doctype declaration: <!doctype html> the easiest way to make sure that the almost standards mode is activated for html, is to use this doctype declaration: <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> the easiest way to activate the quirks mode for html is to omit the doctype declaration. however,
authoring new documents that rely on quirks is discouraged. the almost standards mode was introduced in mozilla 1.1 beta and mozilla 1.0.1. in earlier versions the doctype declarations that now activate the almost standards mode activated the standards mode. doctype sniffing only applies to documents served as text/html. documents sent as xml always activate the standards layout mode. this includes docum...
...ilds only) xul (please note that xul is mozilla-specific and, therefore, using it on the public web causes interoperabilty problems.) xml:base is observed when following links. style sheets can be references using processing instructions. i didn’t find the answer i was looking for. ...
...And 6 more matches
Gecko Compatibility Handbook - Archive of obsolete content
r detection javascript to detect "gecko." (related article) content differs in gecko browsers and internet explorer use of proprietary or invalid markup (such as is generated by some microsoft office applications). use the w3 html and css validator tools to validate the web page. correct any errors and replace proprietary code wherever possible. upgrade web
authoring tool to versions that support the w3 standards and gecko browsers content differs in gecko browsers and internet explorer the javascript console in netscape 6.x and netscape 7.x displays errors about document.all, document.layers, document.<property> not being defined because of an incorrect browser sniffing, or use of proprietary javascript. update browser snif...
...and internet explorer the javascript console in netscape 6.x and netscape 7.x displays errors about document.all, document.layers, document.<property> not being defined because of an incorrect browser sniffing, or use of proprietary javascript. update browser sniffing to correctly detect gecko browsers. upgrade apis to use newer standards-conformant versions upgrade web
authoring tool to versions that support the w3 standards and gecko browsers content differs in gecko browsers and internet explorer your css relies on bugs in internet explorer's implementation of css. internet explorer incorrectly treats id's and class names as case insensitive while gecko treats them correctly as case sensitive. inconsistent case between the css defin...
...tributes (such as image maps) many authors seem to be infected by a penchant to use spaces in names. a name or id attribute in html 4.01 may not legally contain spaces. this can cause problems with gecko-based browsers, especially in image maps. you should make sure that your name attributes are coded using valid characters only. bad code due to old apis and tools problem: obsolete apis or web
authoring tools generate non-standard code. many older versions of cross-browser apis in common use around the web such as dynapi do not support gecko for one or more of the reasons listed above. this is also the case for older versions of web
authoring tools such as macromedia's dreamweaver 2 and 3. newer versions of these apis and tools do support gecko however. for example, dynapi is now maintained at...
... wrong doctype problem: an incorrect doctype can completely alter a page's presentation. ...
Browser Detection and Cross Browser Support - Archive of obsolete content
problems caused by inappropriate browser detection excluding unknown browsers if you only provide tests for specific browsers in your detection logic, your site will not be usable if a visitor uses a different browser. consider the following example: // wrong approach - do not use! if (document.all) { // internet explorer 4+ document.write('<l...
...s always provide content and code paths for unknown browsers. the recommended approach is to assume that any unknown browser supports the basic standards of html and css and to a certain extent javascript and the w3c dom. this will guarantee that your content will be supported today and in the future by any browser which supports the standards. limit the use of vendor/version specific features
authoring content which is standards compliant is the easiest way to support the widest range of user agents and to decrease your maintenance costs. while it is not always possible to avoid vendor/version specific differences between browsers, the use of such features and the distinction between browsers based on vendor/version should be strictly limited to those areas where it is still required. limit th...
...hich it used to manipulate content and which formed the basis of dhtml in navigator 4. layers however were not accepted by the w3c either in html or in the dom. since gecko's mission was to be the most standards conformant browser possible, layers were not supported. this lack of backwards compatibility has been the cause of many problems for web authors, but can easily be overcome through proper
authoring and browser detection strategies. as the use of navigator 4 decreases and more authors use the standards in their content, layers and the problems they cause will disappear. gecko and internet explorer gecko implements a number of internet explorer only proprietary features especially with respect to their dhtml object model. gecko's support for a number of ie's features has steadily increased...
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
nfrastructure, an organization is ensuring its end users the ability to interact, function, view, and process information consistently as they transition from one device to the next. a significant drawback in allowing divergence across applications is that information must be replicated, altered, or massaged to be processed across the divergent applications. ...
...ocessed across the divergent applications. this also creates issues in regard to
authoring tools for these various applications. for example, let us say we have multiple application offerings that can be used to browse the web. each of these applications has followed their own development and support standards. they each may support some or part of the international standards, but not fully. ...
...uthoring tools for these various applications. for example, let us say we have multiple application offerings that can be used to browse the web. each of these applications has followed their own development and support standards. they each may support some or part of the international standards, but not fully. ...
SVG Guidelines
ts. in fact it can be faster to send vector information from an svg to a user's gpu than it is to extract raster data from an equivalent raster image. and even when an svg image is slower than a raster equivalent, the difference is usually not noticable. however, just don't fall into the trap of thinking that svgs are faster than eqivalent raster images, or vice versa. once again, "it depends". ...
...these rules are based on some real examples seen in mozilla's code. ...
...this kind of data is supported by the browser, it can only be displayed when the svg is opened in a new tab. plus, in most of the cases, the filename is quite descriptive so it's recommended to remove that kind of metadata since it doesn't bring much value. you shouldn't include doctypes in your svgs either; they are a source of many issues, and the svg wg recommends not to include them. see svg
authoring guidelines. avoid the use of cdata sections cdata sections are used to avoid parsing some text as html. most of time, cdata isn't needed, for example, the content in <style> tags doesn't need to be wrapped in a cdata section as the content inside the tag is already correctly parsed as css. invisible shapes there are two kinds of invisible shapes: the off-screen ones and the uncolored ones. t...
List of Former Mozilla-Based Applications - Archive of obsolete content
nd embedded mozilla in kylix 2 mango im client last news item on site from january 2007 mobidvd dvd/vcd/cd ripping software site down mozilla suite internet application suite development shifted to firefox, thunderbird and seamonkey applications netscape navigator browser support for netscape ended on february 1, 2008 nvu web
authoring tool development stopped in 2005 and is being continued as an unofficial bugfix release by the kompozer project pogo browser from at&t site no longer accessible as of may 2009 pyro desktop desktop environment last news item on site from july 2007 script editor editor inactive skipstone gtk+ browser last news item on site from february...
... other places to find former mozilla-based applications: archived mozilla hall of fame page siftery ...
List of Mozilla-Based Applications - Archive of obsolete content
a programs uses mozilla rhino hyperinfo web application plat form uses goeckofx ibm websphere lombardi edition business process management system uses mozilla rhino and mozilla xpcom eclipse plug-in. ...
...nterprise system server products uses nss sundial browser with advanced domain name technology based on firefox surfeasy private and secure web browsing sweet16 apple ii computer emulator uses spidermonkey as a scriptable debugger for software running in the emulator mozilla sunbird/mozilla lightning calendar tabpress
authoring tool talend open studo data integration software seems to use xulrunner talking clipboard text to speech software read epub books, web pages, chm, pdf, ms word, rtf, rss feeds taskpool productivity telasocial kiosk app uses xulrunner telekast teleprompter tenfourfox browser for powerpc-based macs ...
Properly Using CSS and JavaScript in XHTML Documents - Archive of obsolete content
tml if it is served with mime media type text/html rather than the recommended application/xhtml+xml. when an xhtml page is served with mime type text/html it is treated by all browsers as if it were nothing more than html. however when an xhtml page is served with mime type text/xml or application/xhtml+xml, then it should be treated as an xml document which must conform to the strict rules for
authoring and displaying xml. proper xhtml is an application of xml and as such requires that authors follow strict rules when
authoring xhtml. in particular: raw < and & characters are not allowed except inside of cdata sections (<![cdata[ ... ]]>). comments (<!—— ... ——>) must not contain double dashes (——). content contained within comments (<!—— ... ——>) can be ignored. prob...
...ed in an external file. this example is supported by netscape 7.x, mozilla, and by opera 7 but not internet explorer 5.5+ (see talk:properly_using_css_and_javascript_in_xhtml_documents of this ascertation. - xmlguru). recommendations do not use inline style or script in xhtml replacing inline style and script with external files containing the css rules and javascript is the best approach for
authoring xhtml in a backwardly compatible fashion that will not break if the mime type of the content is changed from text/html to application/xhtml+xml. this recommendation may seem rather strong however it is made with the intention of reducing future problems with xhtml content when the transition from serving xhtml as text/html to application/xhtml+xml occurs in the next few years. if you only test ...
ATAG - MDN Web Docs Glossary: Definitions of Web-related terms
atag (
authoring tool accessibility guidelines) is a w3c recommendation for building accessible-
authoring tools that produce accessible contents. ...
... atag (
authoring tool accessibility guidelines) is a w3c recommendation for building accessible-
authoring tools that produce accessible contents. ...
Index - MDN Web Docs Glossary: Definitions of Web-related terms
ookup (i.e., find the domain name for a given ip address). 8 ascii glossary, infrastructure ascii (american standard code for information interchange) is one of the most popular coding method used by computers for converting letters, numbers, punctuation and control codes into digital form. since 2007, utf-8 superseded it on the web. 9 atag atag, accessibility,
authoring tool accessibility guidelines, glossary atag (
authoring tool accessibility guidelines) is a w3c recommendation for building accessible-
authoring tools that produce accessible contents. 10 abstraction abstraction, coding, codingscripting, glossary, programming language abstraction in computer programming is a way to reduce complexity and allow efficient design and implem...
...d defining how how the web works (and sometimes controlling the internet as well). 492 webassembly glossary, infrastructure webassembly (abbr. wasm) is an open binary programming format that can be run in modern web browsers in order to gain performance and/or provide new features for web pages. 493 webdav glossary, infrastructure webdav (web distributed
authoring and versioning) is an http extension that lets web developers update their content remotely from a client. 494 webextensions codingscripting, glossary, needscontent, webextensions webextensions is a cross-browser system for developing browser extensions in firefox. this system provides apis, which to a large extent are supported across different browsers like mozilla firefox,...
Validators - Firefox Developer Tools
firefox extensions for validation quick reference sidebar tabs install devedge toolbox sidebars for quick access to web development references. ...
...idator will validate the css within any web page or external css files according to the w3c css standards. w3c rdf validator the rdf validator service will validate the rdf/xml contained on a given uri. link checker this tool will check links on a given web page. html tidy html tidy is a tool that can be used to report errors in an html page and to format web pages for better reading. (some
authoring software, such as html-kit, builds in html tidy which makes validation quick and easy.) html validator pro this is an automated html5 checker using the same validator as the w3c. provide a starting url and the tool will find and validate all pages in a website. accessibility services lynx viewer checks a web page using lynx visualization and allows validation of accessibility features orig...
ARIA: grid role - Accessibility
presentation, it implies a relationship among elements. uses fall into two categories: presenting tabular information (data grids) and grouping other widgets (layout grids). even though both data grids and layout grids employ the same aria roles, states, and properties, differences in their content and purpose surface factors that are important to consider in keyboard interaction design. see aria
authoring practices for more details cell elements have the role gridcell, unless they are a row or column header. then the elements are rowheader and columnheader, respectively. cell elements need to be owned by elements with a row role. rows can be grouped using rowgroups. if the grid is used as an interactive widget, keyboard interactions need to be implemented. associated aria roles, states, and pro...
...oard use is properly implemented, some users might not be aware that they have to use the arrow keys. make sure that the functionality and interaction needed can be best achieved using the grid role. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'role grid' in that specification. recommendation wai-aria
authoring practicesthe definition of 'role grid' in that specification. working draft screen reader support tbd ...
507 Insufficient Storage - HTTP
the hypertext transfer protocol (http) 507 insufficient storage response status code may be given in the context of the web distributed
authoring and versioning (webdav) protocol (see rfc 4918). it indicates that a method could not be performed because the server cannot store the representation needed to successfully complete the request. ...
...ontext of the web distributed
authoring and versioning (webdav) protocol (see rfc 4918). it indicates that a method could not be performed because the server cannot store the representation needed to successfully complete the request. ...
508 Loop Detected - HTTP
the hypertext transfer protocol (http) 508 loop detected response status code may be given in the context of the web distributed
authoring and versioning (webdav) protocol. it indicates that the server terminated an operation because it encountered an infinite loop while processing a request with "depth: infinity". this status indicates that the entire operation failed. ...
...buted
authoring and versioning (webdav) protocol. it indicates that the server terminated an operation because it encountered an infinite loop while processing a request with "depth: infinity". this status indicates that the entire operation failed. ...
SVG General - Archive of obsolete content
o get you creating some svg images. you will also find some general purpose scripting helpers, that should make scripting svg a little easier. svg template here is a basic markup template to start building an svg document: <svg xmlns="http://www.w3.org/2000/svg"> <!-- svg elements go here --> </svg> note: it is recommended that you do not use dtd's with svg documents. the tutorial and
authoring guidelines have more information. dynamic scripting helper this little helper script can be used to simplify creation of svg elements in script. svg requires you to use setattributens to add attributes to a newly created svg dom element. no properties like html. svg image also requires the use of xlink for the href attribute, which can be tricky to remember, especially when you're mixing svg ...
Index - Archive of obsolete content
2202 back to the server: server-side javascript on the rise by davey waterson, javascript architect, aptana 2203 sharp variables in javascript javascript, obsolete a sharp variable is a syntax in object initializers that allows serialization of objects that have cyclic references or multiple references to the same object. 2204 standards-compliant
authoring tools html:tools, tools, xhtml, xhtml:tools creating cross-browser code upfront will save you lots of time quality testing your web content. the following
authoring tools adhere to the w3 standards. if you're using older versions of tools that rely on old browser bugs or generate browser-specific code, it may be time to upgrade: 2205 stopiteration deprecated, javascript, ...
Index of archived content - Archive of obsolete content
oxy api parallelarray properly using css and javascript in xhtml documents examples reference server-side javascript back to the server: server-side javascript on the rise sharp variables in javascript standards-compliant
authoring tools stopiteration styling the amazing netscape fish cam page using javascript generators in firefox window.importdialog() writing javascript for xhtml xforms building mozilla xforms community developing mozilla xforms implementation status mozilla xform...
Priority Content - Archive of obsolete content
sted here, and the full list will be transferred on this page once all articles are migrated. migrators: serge k. keller equivalents security developer central -> security plugins central -> plugins devedge community -> mozilla web developer community notes from devmo wishlist devedge toolbox tools on devedge examples on devedge started: devedge sidebar completed: standards-compliant
authoring tools on devedge mostly completed: tools:validators on devedge dependant on the sidebar tabs and the tune-up wizard. ...
Skinning XUL Files by Hand - Archive of obsolete content
nges you can make to the presentation and behavior of the basic structure in a xul file is dramatic. the syntax for creating all this information with text -- added to the distributed nature and the sheer volume of text required to define a single chrome -- can sometimes make the progress seem slow. but the advantages of using xul so far outweigh those of using the standard c++ toolkits that xul
authoring should rightfully be considered in a separate category of development. xul represents, as one evangelist put it, the "democratization" of interface design and ofapplications development, about which we will have more to say in a later article. in short, xul provides the tools for anybody to create interfaces as complex and as attractive as any c++/mfc/visual ide/templates toolkit user's, and it ...
Archived open Web documentation - Archive of obsolete content
javascript here's a radical idea: use one language to write entire web apps -- the same language which billions of web pages already use, every day. sharp variables in javascript a sharp variable is a syntax in object initializers that allows serialization of objects that have cyclic references or multiple references to the same object. standards-compliant
authoring tools creating cross-browser code upfront will save you lots of time quality testing your web content. the following
authoring tools adhere to the w3 standards. if you're using older versions of tools that rely on old browser bugs or generate browser-specific code, it may be time to upgrade: stopiteration the stopiteratio...
The Business Benefits of Web Standards - Archive of obsolete content
everage tools from the xml world, such as xslt, to easily manipulate xml data. using xhtml is a way to enter a set of standards composed of xml-based technologies, such as xml, xslt (transforming data), svg (animated graphics), mathml (describing mathematic expressions)... such technologies have been designed to be interoperable, are the base of web services. this goes much further than just web
authoring. reduce costs of maintenance and site operations what is maintenance anyway? one of the most important features of a successful site is constantly evolving relevant content which in turn can act as fuel for social media dialogue with the user community. from this it follows that there needs to be a framework and a process for content contributors to post articles, to upload videos, sound or any...
CardDAV - MDN Web Docs Glossary: Definitions of Web-related terms
carddav (vcard extension to webdav) is a protocol standardized by the ietf and used to remote-access or share contact information over a server. learn more general knowledge carddav on wikipedia technical reference rfc 6352: vcard extensions to web distributed
authoring and versioning (webdav) ...
Index - Learn web development
on the other hand, contains several active regions (called "hotspots") that each link to a different resource. 254 define terms with html beginner, guide, html, learn when you need a term defined, you probably go straight to a dictionary or glossary. dictionaries and glossaries formally associate keywords with one or more descriptions, as in this case: 255 tips for
authoring fast-loading html pages advanced, guide, html, needsupdate, performance, web, web performance these tips are based on common knowledge and experimentation. 256 use javascript within a webpage beginner, html, javascript, openpractices javascript is a programming language mostly used client-side to make webpages interactive. you can create amazing webpages without jav...
Getting started with Ember - Learn web development
hitecture, which means that add-ons can be installed and provide additional functionality without much, if any, configuration. examples include: prember: static website rendering for blogs or marketing content. fastboot: server-side rendering, including improving search-engine optimization (seo), or improving initial render performance of complex, highly interactive web pages. empress-blog:
authoring blog posts in markdown while optimizing for seo with prember. ember-service-worker: configuring a pwa so that the app can be installed on mobile devices, just like apps from the device's respective app-store. native mobile apps ember can also be used with native mobile apps with a native-mobile bridge to javascript, such as that provided by corber. opinions emberjs is one of the most opinio...
Links and Resources
ject - an equally important toolkit on linux apple accessibility - moving forward with os x. other resources trace center - trace center of the university of wisconsin (research on technology for persons with disabilities). home of lars (linux accessibility resource site) at university of toronto. dive into accessibility - another great, easy-to-understand resource on accessible website
authoring. color contrast analyzer by juicy studio: an excellent tool for checking if webpages use/have sufficient color contrast, sufficient brightness difference by comparing background and foreground (text) colors. this tool will measure accurately the degree of legibility of a webpage. ...
Software accessibility: Where are we today?
(gnome onscreen keyboard) and gnopernicus (screenreader and magnifier). however, these solutions are not yet truly usable for real disabled end users. what do i need to do? mozilla developers follow the general front-end accessibility requirements: there are a number of potential "gotchas" when developing xul ui. please follow the practical techniques put forth listed in the accessible xul
authoring guidelines. these guidelines cover many possible scenarios. if you take a little time to learn them, they will become an unconscious improvement to your design and engineering technique. ensure correct keyboard accessibility when developing new controls: mozilla's xul and html widgets already support proper keyboard accessibility, so let's not regress in that area. make sure that ever...
mach
high import cost. ...
Mozilla MathML Project
rative testing of mathml rendering against tex. demo of some mathml tags: mfrac, mo, mtable, mspace, mmultiscripts, msqrt-mroot. mathml extras - technology demonstration of some interesting upshots from building natively upon the browser environment. various mathml tests - these pages were imported from layout/mathml/tests/. blog with comments that include mathml. create mathml documents
authoring mathml editors converters stylesheets original document information author(s): roger b. sidje other contributors: frédéric wang last updated date: april 4, 2010 copyright information: portions of this content are © 1999–2010 by individual mozilla.org contributors; content available under a creative commons license | details. ...
AT APIs Support
m developing a web page, but the elements available to add widgets are more powerful and designed to be similar to desktop widgets. examples of xul applications: firefox - web-browser thunderbird - email client seamonkey - web-browser, advanced e-mail and newsgroup client, irc chat client, and html editing made simple sunbird - cross-platform calendar application kompozer - a complete web
authoring system for linux desktop, microsoft windows and macintosh users to rival programs like frontpage and dreamweaver. open komodo - platform for building developer environments miro - a free, open source internet tv and video player any xulrunner application (songbird media player, etc.) extensions to other xul apps (e.g. firefox extensions) gecko version for firefox and all other gecko-based ...
Mozilla
f chemical molecules. mozilla technologies mozilla has several technologies used as components of its projects. these are documented here. mozilla web developer faq this document answers questions that web authors ask frequently specifically in connection with firefox and other gecko-based browsers. there are links to more general web
authoring faqs at the end of this document. mozilla web services security model (this document is being compiled from scattered documentation and source code and most of the information in it has not been verified. please do not depend on anything in it being correct for security.) namespace below, find links to articles about c++ classes mozilla uses with...
Flash Activation: Browser Comparison - Plugins
the location bar on any site to open the site information and allow flash on that site: microsoft edge in-page ui is displayed when the site attempts to use flash. an icon also appears on the right side of the location bar. the user can click the flash object to show activation options: users have the choice to allow flash just for the current session, or to remember their choice: site
authoring tips if a flash element is very small, hidden, or covered by other content, users will probably not notice that flash is required and will become confused. even if the plugin element will eventually be hidden, pages should create the plugin element so that it's visible on the page, and should resize or hide it only after the user has activated the plugin. this can be done by calling a javascript...
HTMLElement.dir - Web APIs
"rtl". when a table has its dir set to "rtl", the column order is arranged from right to left. when an element has its dir set to "auto", the direction of the element is determined based on its first strong directionality character, or default to the directionality of its parent element. browsers might allow users to change the directionality of <input> and <textarea>s in order to assist with
authoring content. chrome and safari provide a directionality option in the contextual menu of input fields while internet explorer and edge use the key combinations ctrl + left shift and ctrl + right shift. firefox uses ctrl/cmd + shift + x but does not update the dir attribute value. syntax var currentwritingdirection = elementnodereference.dir; elementnodereference.dir = newwritingdirection; curr...
Using the aria-hidden attribute - Accessibility
nus according to the fourth rule of aria, aria-hidden="true" should not be used on a focusable element. additionally, since this attribute is inherited by an element's children, it should not be added onto the parent or ancestor of a focusable element. using aria-hidden="false" will not re-expose the element to assistive technology if any of its parents specify aria-hidden="true". wai-aria
authoring practices 1.1 notes that aria-hidden="false" currently behaves inconsistently across browsers. deciding between aria-hidden="true", role="presentation", and role="none" on the surface, the aria-hidden="true", role="presentation", and role="none" attributes seem similar because they: hide content from assistive technology cannot be used on a focusable element cannot be used on the parent o...
Using the aria-required attribute - Accessibility
xamples: tooltip example (includes the use of the aria-required attribute) notes used in aria roles combobox gridcell listbox radiogroup spinbutton textbox tree related aria techniques using the aria-invalid attribute compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for aria-required wai-aria
authoring practices for forms constraint validation in html5 ...
Using the group role - Accessibility
eview example using declared properties notes group members that are outside of the dom subtree of the group need to have explicit relationships assigned to them in order to participate in the group. aria attributes used group related aria techniques region role compatibility tbd: add support information for common ua and at product combinations additional resources aria
authoring practices – accessible name guidance by role – group ...
ARIA: tabpanel role - Accessibility
ces that exist for this role. remove the section if none exist. added benefits any additional benefits this feature has for non-typical screen reader users, like google or mobile speech recognition. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'tabpanel' in that specification. recommendation wai-aria
authoring practicesthe definition of 'tabpanel' in that specification. working draft precedence order what are the related properties, and in what order will this attribute or property be read (which property will take precendence over this one, and which property will be overwritten. screen reader support tbd ...
ARIA: alert role - Accessibility
to it immediately, so it should not be used for static content or used regularly. alerts, by definition, are disruptive. lots of alerts at once or unnecessary alerts willl create a bad user experience. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'alert' in that specification. recommendation wai-aria
authoring practicesthe definition of 'alert' in that specification. working draft ...
ARIA: article role - Accessibility
ructing a feed, set the aria-posinset and aria-setsize attributes on each article role to the appropriate values, bearing in mind that aria-posinset is 1-based. always use native element if available. instead of a div with the article role, the <article> element should be used. examples the restaurant recommendations feed display along with its separate documentation from the wai-aria 1.1
authoring practices feed design pattern specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'article' in that specification. recommendation wai-aria
authoring practicesthe definition of 'feed' in that specification. working draft precedence order this role corresponds to the <article> element in html, and t...
ARIA: banner role - Accessibility
html. if this is the case, you can add the role of banner to the main header of the page with javascript. identifying the page's banner in this way will help improve the site's accessibility. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria: banner role' in that specification. recommendation wai-aria
authoring practicesthe definition of 'banner landmark role' in that specification. working draft screen reader support tbd ...
ARIA: cell role - Accessibility
g a table. the aria roles are not necessary if the native semantics of the table, and therefore the table rows, have not been altered, such as through the display property. added benefits none specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria cell role' in that specification. recommendation wai-aria
authoring practicesthe definition of 'aria cell role' in that specification. working draft ...
ARIA: tab role - Accessibility
ing to add them yourself. for controlling tab key functionality for elements with the role tab, it is recommended to set all non-active elements to tabindex=-1, and to set the active element to tabindex=0. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'tab' in that specification. recommendation wai-aria
authoring practicesthe definition of 'tabs' in that specification. working draft precedence order what are the related properties, and in what order will this attribute or property be read (which property will take precendence over this one, and which property will be overwritten. screen reader support tbd ...
ARIA: table role - Accessibility
is when css's display property overrides the native semantics of a table, such as by display: grid. in this case, you can use the aria table roles to re-add the semantics. added benefits none specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria table role' in that specification. recommendation wai-aria
authoring practicesthe definition of 'aria table role' in that specification. working draft ...
ARIA: button role - Accessibility
than the button role, as native html buttons are supported by all user agents and assistive technology and provide keyboard and focus requirements by default, without need for additional customization. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'button' in that specification. recommendation wai-aria
authoring practicesthe definition of 'button' in that specification. working draft notes aria attributes used button aria-pressed aria-expanded aria-haspopup additional resources strong native semantics in html5 notes on using aria in html official wai-aria example code aria menubutton role ...
ARIA: listbox role - Accessibility
children of listbox, additional aria-* properties will need to be set (see aria best practices). if there is a valid reason to expand the listbox, the combobox role may be more appropriate. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria listbox role' in that specification. recommendation wai-aria
authoring practicesthe definition of 'listbox role' in that specification. working draft screen reader support tbd ...
overview - Accessibility
warning: needs updating introduction here's a look at working examples and best practices in building accessible javascript widgets. ...
ARIA - Accessibility
ing aria live regions to announce content changes a quick summary of live regions, by the makers of jaws screen reader software. live regions are also supported by nvda with firefox, and voiceover with safari. references aria roles reference pages covering all the wai-aria roles discussed on mdn. standardization efforts wai-aria specification the w3c specification itself. wai-aria
authoring practices the official best practices documents how best to aria-ify common widgets and interactions. an excellent resource. videos following talks are a great way to understand aria: aria, accessibility apis and coding like you give a damn! – léonie watson filing bugs file aria bugs on browsers, screen readers, and javascript libraries. related topics accessibility, ajax, java...
Accessibility FAQ - Accessibility
i'm interested in helping promote the fine accessibility features that firefox provides, what can i do? join the firefox accessibility advocates ...
Accessibility documentation index - Accessibility
enerated because a user created a sub-page to this page. 80 overview accessibility, javascript, landing, needsupdate here's a look at working examples and best practices in building accessible javascript widgets. 81 accessibility faq accessibility, faq mozilla accessibility project 82 accessibility information for web authors accessibility,
authoring dhtml accessibility roadmap: a peek into how dhtml will be made accessible in the future. this document gives a plan which is being developed by ibm, mozilla and wai protocols and formats working group (pfwg) to address the issue of accessible dhtml. 83 accessibility and spacial patterns accessibility, braille, patterns, photosensitive seizures nasa conducted research o...
Accessibility Information for Web Authors - Accessibility
looking to base their upcoming accessibility regulations on these guidelines. these guidelines are discussed on the wai interest group discussion list. how-to's key-navigable custom dhtml widgets in mozilla & ie this document discusses how to use tabindex, element.focus() and onkeypress to make custom dhtml widgets such as menus or tree views keyboard accessible. accessible web page
authoring ibm has put together a simple, practical resource for web authors to learn accessibility the fast and painless way. highly recommended, an excellent resource. dive into accessibility by mark pilgrim an excellent, easy-to-understand resource (available in english and in 9 other languages) on accessible website
authoring, which goes into greater depth. in 30 days, you will know why your webs...
Keyboard-navigable JavaScript widgets - Accessibility
g widgets such as menus, tablists, grids, or tree views, the parent element should be in the tab order (tabindex="0"), and each descendent choice/tab/cell/row should be removed from the tab order (tabindex="-1"). users should be able to navigate the descendent elements using arrow keys. (for a full description of the keyboard support that is normally expected for typical widgets, see the wai-aria
authoring practices.) the example below shows this technique used with a nested menu control. once keyboard focus lands on the containing <ul> element, the javascript developer must programmatically manage focus and respond to arrow keys. for techniques for managing focus within widgets, see "managing focus inside groups" below. example 2: a menu control using tabindex to control keyboard access <ul id=...
Text labels and names - Accessibility
you can instead use aria-label to contain the label text: <div role="dialog" aria-label="personal details updated confirmation"> <p>your personal details were successfully updated. you can change your details at any time in the user account section.</p> <button>close</button> </div> see also role="dialog" role="alertdialog" aria-label aria-labelledby wai-aria: dialog role dialog
authoring practices documents must have a title it is important on each html document to include a <title> that describes the page's purpose. a common navigation technique for users of assistive technology is to infer what content a page contains by reading its title. if the title is not available, they have to navigate the page to determine its content, which can be a time consuming and potentially con...
<img>: The Image Embed element - HTML: Hypertext Markup Language
: 600px) 200px, 50vw"> to see the resizing in action, view the example on a separate page, so you can actually resize the content area. security and privacy concerns although <img> elements have innocent uses, they can have undesirable consequences for user security and privacy. see referer header: privacy and security concerns for more information and mitigations. accessibility concerns
authoring meaningful alternate descriptions an alt attribute's value should clearly and concisely describe the image's content. it should not describe the presence of the image itself or the file name of the image. if the alt attribute is purposefully left off because the image has no textual equivalent, consider alternate methods to present what the image is trying to communicate. don't <img alt="image...
dir - HTML: Hypertext Markup Language
css properties when possible. that way, the text will display correctly even on a browser that doesn't support css or has the css deactivated. the auto value should be used for data with an unknown directionality, like data coming from user input, eventually stored in a database. browsers might allow users to change the directionality of <input> and <textarea>s in order to assist with
authoring content. chrome and safari provide a directionality option in the contextual menu of input fields while internet explorer and edge use the key combinations ctrl + left shift and ctrl + right shift. firefox uses ctrl/cmd + shift + x but does not update the dir attribute value. specifications specification status comment html living standardthe definition of 'dir' in that...
Evolution of HTTP - HTTP
s books, e-mail, or the geographic position of the user, the need to have tls became ubiquitous even outside the e-commerce use case. using http for complex applications the original vision of tim berners-lee for the web wasn't a read-only medium. he envisioned a web where people can add and move documents remotely, a kind of distributed file system. around 1996, http has been extended to allow
authoring, and a standard called webdav was created. it has been further extended for specific applications like carddav to handle address book entries and caldav to deal with calendars. but all these *dav extensions had a flaw: they had to be implemented by the servers to be used, which was quite complex. their use on web realms stayed confidential. in 2000, a new pattern for using http was designed: rep...
HTTP Index - HTTP
ext of transparent content negotiation (see rfc 2295). this protocol enables a client to retrieve the best variant of a given resource, where the server supports multiple variants. 268 507 insufficient storage http, server error, status code the hypertext transfer protocol (http) 507 insufficient storage response status code may be given in the context of the web distributed
authoring and versioning (webdav) protocol (see rfc 4918). 269 508 loop detected 508, http, server error, status code the hypertext transfer protocol (http) 508 loop detected response status code may be given in the context of the web distributed
authoring and versioning (webdav) protocol. 270 511 network authentication required http, http status code, reference, server ...
HTTP resources and specifications - HTTP
modern apis for application are defines using the restful pattern nowadays. proposed standard rfc 2324 hyper text coffee pot control protocol (htcpcp/1.0) april 1st joke spec rfc 7168 the hyper text coffee pot control protocol for tea efflux a...
422 Unprocessable Entity - HTTP
ent type of the request entity, and the syntax of the request entity is correct, but it was unable to process the contained instructions. important: the client should not repeat this request without modification. status 422 unprocessable entity specifications specification title rfc 4918, section 11.2: 422 unprocessable entity http extensions for web distributed
authoring and versioning (webdav) ...
MathML
des for the innovation fairs at mozilla summit 2013. mathml reference mathml element reference details about each mathml element and compatibility information for desktop and mobile browsers. mathml attribute reference information about mathml attributes that modify the appearance or behavior of elements. mathml examples mathml samples and examples to help you understand how it works.
authoring mathml suggestions and tips for writing mathml, including suggested mathml editors and how to integrate their output into web content. view all... getting help from the community view mozilla forums... mailing list newsgroup rss feed matrix chat room wiki used by mozilla contributors w3c math home www-math w3.org mail archive tools w3c validator mathzilla firefox ad...
SVG: Scalable Vector Graphics
svg works together with html, css and javascript. use svg to enhance a regular html page or web application. view all... community view mozilla forums... mailing list newsgroup rss feed tools svg test suite markup validator more tools... other resources: xml, css, dom, canvas examples google maps (route overlay) & docs (spreadsheet charting) svg bubble menus svg
authoring guidelines an overview of the mozilla svg project frequently asked questions regarding svg and mozilla svg as an image svg animation with smil svg art gallery animation and interactions like html, svg has a document model (dom) and events, and is accessible from javascript. this allows developers to create rich animations and interactive images. some real eye-candy svg at svg-wow.org ...
Tutorials
h more complex features such as implementing captions and summaries. advanced level html forms forms are a very important part of the web — these provide much of the functionality you need for interacting with websites, e.g. registering and logging in, sending feedback, buying products, and more. this module gets you started with creating the client-side parts of forms. tips for
authoring fast-loading html pages optimize web pages to provide a more responsive site for visitors and reduce the load on your web server and internet connection. css tutorials introductory level css basics css (cascading style sheets) is the code you use to style your webpage. css basics takes you through what you need to get started. we'll answer questions like: how do i make my text black o...
For Further Reading - XSLT: Extensible Stylesheet Language Transformations
the world wide web consortium is the body that publishes recommendations for a number of web-based technologies, many of which become the de-facto standard. articles hands-on xsl author: don r. day location: http://www-106.ibm.com/developerwork...-hands-on-xsl/ understanding xslt author: jay greenspan location: http://hotwired.lycos.com/webmonkey/...l?tw=
authoring what is xslt? author: g. ken holman location: http://www.xml.com/pub/a/2000/08/holman/index.html tutorials/examples zvon xsl programmers: http://www.zvon.org/o_html/group_xsl.html jeni's xslt pages index: http://www.jenitennison.com/xslt/ xmlpitstop.com stylesheet center: http://www.xmlpitstop.com/default.asp?datatype=ssc xsl tutorial...