• Home
• org.integratedmodelling
• klab-modeler
• 0.9.10
• source code
• accessible.html

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

static.js.vendor.openlayers3.examples.accessible.html Maven / Gradle / Ivy

  
    
    
    
    
    
    
    
    
    
  
  

    

      

        

           OpenLayers 3 Examples
        
      
    

    


      

        

          Go to map
          

        
      

      


        

          
Accessibility example
          
Example of an accessible map.
          

            
This page's map element has its tabindex attribute set to "0", that makes it focusable. To focus the map element you can either navigate to it using the "tab" key or use the skip link. When the map element is focused the + and - keys can be used to zoom in and out and the arrow keys can be used to pan.
            
When clicked the "Zoom in" and "Zoom out" buttons below the map zoom the map in and out, respectively. You can navigate to the buttons using the "tab" key, and press the "enter" key to trigger the zooming action.
            
See the accessible.js source to see how this is done.
          
          
accessibility, tabindex