ACCESSIBILITY

At Iberdrola one of our prime objectives is to ensure that everyone, regardless of disabilities, age or the type of technology used, is able to access our corporate website without problems.

Based on this commitment, the Iberdrola website has been designed in compliance with the Web Content Accessibility Guidelines 2.0 established by the W3C (World Wide Web Consortium). These guidelines are also the core for standards such as ISO/IEC 40500 or UNE 139803:2012.

Since obtaining the accessibility certificate External link, opens in new window. issued by ILUNION Tecnología y Accesibilidad in 2017 for the corporate website, we have been constantly working on obtaining and renewing the accessibility seals for the sections of the website relating to the company's main corporate events.

In this regard, ILUNION Technology and Accessibility has certified on April 28, 2023 the compliance of the section dedicated to the General Shareholders' Meeting 2023 with the Double A level according to the Web Content Accessibility Guidelines 2.1 of the Web Accessibility Initiative (WAI) of the World Wide Web Consortium, thus renewing the certification already obtained for the Meeting since 2020.

Previously, ILUNION Technology and Accessibility certified, on June 16, 2021, that the Presentation of Results and Investor Day pages of the website comply with the Double A level of the Web Content Accessibility Guidelines 2.1 of the Web Accessibility Initiative (WAI) of the World Wide Web Consortium.

We have also received from ILUNION a specific award (see Accessibility diploma [PDF] External link, opens in new window.) for our initiatives and projects to improve universal accessibility and support for people with disabilities.

Ilunion diploma.

The following are some of the functionalities implemented on the Iberdrola website to enable easier access to all web content:

Visual features (typeface, font and screen colours, etc.) of the website are defined by a style sheet, enabling users to adjust texts to their own preferences.
Font sizes are defined in relative units to let users enlarge or reduce the text size from browser options.
If a user accesses www.iberdrola.com with a browser that does not support a style sheet, this is not a major problem, since all contents can still be accessed with the Cascading Style Sheet (CSS) set at off.
Web pages are clearly structured for users who want to view the full content of the website, or using support systems as graphic display readers, and users who disable the style sheet, etc. With this in mind, we have made HTML-coded section headers, lists and all other elements contributing to the general understanding of the website.
The HTML code and CSS used comply with the standards to guarantee that contents are correctly interpreted and displayed in different browsers.
The website is designed to allow users to navigate in high contrast that distinguishes text which contains links. With the exception of all those links that can be deduced by the context (menus, lists, etc.).
Includes descriptive texts in the attribute "ALT" for all the images of all the web pages.

However, if you find any difficulty in accessing the information on the Iberdrola website or have any suggestions or queries regarding accessibility, please contact us via email cdc@iberdrola.com.

An error occurred while processing the template.

The following has evaluated to null or missing:
==> request.getHeader("User-Agent")  [in template "20102#20129#424176" at line 23, column 26]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign getHeader = request.getHeader...  [in template "20102#20129#424176" at line 23, column 5]
----

1${request.setAttribute('CSS',((request.getAttribute('CSS'))!"")+'&/o/iberdrola-corporativo-theme/css/decoradores/menuVertical2.css')}

3<@liferay_util["html-top"]>

4    <style>

6        .menu3-vertical.parent-selected,.menu4-vertical.parent-selected {

7            display: block !important;

8        }

9        #decMenuVertical a.rotated {

10            -moz-transform: rotate(-180deg);

11            -o-transform: rotate(-180deg);

12            -webkit-transform: rotate(-180deg);

13            transform: rotate(-180deg);

14        }

16        @media(max-width:959px) {

17            div#decMenuVertical {

18                display: none;

19            }

20        }

21    </style>

22</@>

23    <#assign getHeader = request.getHeader("User-Agent")?lower_case />

24    <#assign isMobile= getHeader?contains("mobile") />

25    <#assign isIpad = getHeader?contains("ipad") />

28    <#if !isMobile>

29    <div id="decMenuVertical">

30        <nav class="menu-vertical-izq" style="clear:both;" role="navigation" aria-label="Menú secundario">

31            <ul class="menu2-vertical" role="list" aria-expanded="true" aria-hidden="false">

32            <#list entries as nav_item>

33                <#assign

34                    nav_item_attr_has_popup = ""

35                    nav_item_css_class = ""

36                    nav_item_layout = nav_item.getLayout()

37                />

38                <#if nav_item.isSelected()>

39                    <#assign

40                        nav_item_attr_has_popup = "aria-haspopup='true'"

41                        nav_item_css_class = "activoN2"

42                        nav_item_css_class2 = "ON"

43                        parentSelected="parent-selected activo"

44                        girado="rotated"

45                    />

46                <#else>

47                    <#assign

48                        nav_item_css_class = ""

49                        nav_item_css_class2 = ""

50                        parentSelected=""

51                        girado=""

52                    />

53                </#if>

54                <#if nav_item.isChildSelected()>

55                    <#assign

56                        childSelected = "activoN2"

57                        nav_item_attr_has_popup = "aria-haspopup='true'"

58                       child_display="display:block"

59                        child_aria_expanded="true"

60                        child_aria_hidden="false"

61                        nav_item_css_class2 = "ON"

62                    />

63                <#else>

64                    <#assign

65                        childSelected = ""

66                        nav_item_attr_has_popup=""

67                        child_display="display:none"

68                        child_aria_expanded="false"

69                        child_aria_hidden="true"

70                    />

71                </#if>

73                <#if nav_item.hasChildren()>

74                            <#assign nav_item_attr_has_popup = "aria-haspopup='true'" />

75                <#else>

76                    <#assign nav_item_attr_has_popup = "aria-haspopup='false'" />

77                </#if>

78                <li ${nav_item_attr_has_popup} class="${nav_item_css_class} opcion-${nav_item?index} ${childSelected}" id="layout_${nav_item.getLayoutId()}" role="presentation" aria-controls="menu-${nav_item?index}">

79                    <a title="${nav_item.getName()}" aria-labelledby="layout_${nav_item.getLayoutId()}" ${nav_item_attr_has_popup} class="${nav_item_css_class2}" href="${nav_item.getURL()}" ${nav_item.getTarget()} role="menuitem"><span> ${nav_item.getName()}

80                        <#if nav_item.getTarget()?contains("_blank")>

81                            <img alt="ventana nueva" class="ven-new" src="/o/iberdrola-corporativo-theme/images/comunes/ventana_nueva.png">

82                            <span class="sr-only txt-aa">External link, opens in new window.</span>

83                        </#if>

85                        </span></a>

86                    <#if nav_item.hasChildren()>

87                        <a href="javascript:void(0)" class="tiene-hijos3 ${girado}"></a>

89                        <ul id="menu-${nav_item?index}" aria-controls="menu-${nav_item?index}" class="menu3-vertical ${parentSelected}" role="list" aria-expanded="${child_aria_expanded}" aria-hidden="${child_aria_hidden}" aria-labelledby="opcion-4" style="${child_display}" role="menu">

90                            <#list nav_item.getChildren() as nav_child>

91                                <#assign

92                                    nav_child_css_class = ""

93                                    nav_child_css_class2 = ""

94                                />

96                                <#if nav_child.hasChildren()>

97                                            <#assign

98                                                nav_item_attr_has_popup = "aria-haspopup='true'"

99                                                child_display="display:none"

100                                            />

101                                <#else>

102                                            <#assign nav_item_attr_has_popup = "aria-haspopup='false'" />

103                                </#if>

104                                <#if nav_child.isChildSelected()>

105                                    <#assign

106                                        childSelected = "activoN3"

107                                        nav_item_attr_has_popup = "aria-haspopup='true'"

108                                        parentSelected="parent-selected activo"

109                                        girado="rotated"

110                                        child_aria_expanded="true"

111                                        child_aria_hidden="false"

112                                        child_display="display:block"

113                                        nav_child_css_class2="ON"

114                                    />

115                                <#else>

116                                    <#assign

117                                        childSelected = ""

118                                        nav_item_attr_has_popup=""

119                                        parentSelected=""

120                                        girado=""

121                                        child_aria_expanded="false"

122                                        child_aria_hidden="true"

123                                        child_display="display:none"

124                                    />

125                                </#if>

126                                 <#if nav_child.isSelected()>

127                                    <#assign

128                                        nav_child_css_class = "selected activoN3"

129                                        nav_child_css_class2 = "ON"

130                                        child_display="display:block"

131                                    />

132                                </#if>

133                                <li ${nav_item_attr_has_popup} class="${nav_child_css_class} opcion-${nav_item?index}-${nav_child?index} ${childSelected}" id="layout_${nav_child.getLayoutId()}" role="presentation">

134                                    <a class="${nav_child_css_class2}" title="${nav_child.getName()}" aria-labelledby="layout_${nav_child.getLayoutId()}" href="${nav_child.getURL()}" ${nav_child.getTarget()} role="menuitem" aria-controls="menu-${nav_item?index}-${nav_child?index}"><span>${nav_child.getName()}

135                                         <#if nav_child.getTarget()?contains("_blank")>

136                                            <img alt="ventana nueva" class="ven-new" src="/o/iberdrola-corporativo-theme/images/comunes/ventana_nueva.png">

137                                            <span class="sr-only txt-aa">External link, opens in new window.</span>

138                                        </#if>

139                                    </span></a>

140                                                <#if nav_child.hasChildren()>

141                                                    <a href="javascript:void(0)" class="tiene-hijos4 ${girado}"></a>

143                                                    <ul id="menu-${nav_item?index}-${nav_child?index}" aria-controls="menu-${nav_item?index}-${nav_child?index}" class="menu4-vertical ${parentSelected}" role="list" aria-expanded="${child_aria_expanded}" aria-hidden="${child_aria_hidden}" aria-labelledby="opcion-${nav_item?index}-${nav_child?index}" style="${child_display}" role="menu">

144                                                        <#list nav_child.getChildren() as nav_child2>

145                                                            <#assign

146                                                                nav_child_css_class = ""

147                                                                nav_child2_css_class2 = ""

148                                                            />

149                                                            <#if nav_child2.isSelected()>

150                                                                <#assign

151                                                                    nav_child_css_class = "selected activoN4"

152                                                                    nav_child2_css_class2 = "ON"

153                                                                />

154                                                            </#if>

155                                                            <#if nav_child2.hasChildren()>

156                                                                <#assign nav_item_attr_has_popup = "aria-haspopup='true'" />

157                                                            <#else>

158                                                                <#assign nav_item_attr_has_popup = "aria-haspopup='false'" />

159                                                            </#if>

160                                                            <li ${nav_item_attr_has_popup} class="${nav_child_css_class}  opcion-${nav_item?index}-${nav_child?index}-${nav_child2?index}" id="layout_${nav_child2.getLayoutId()}" role="presentation">

161                                                                <a class="${nav_child2_css_class2}" title="${nav_child2.getName()}" aria-labelledby="layout_${nav_child2.getLayoutId()}" href="${nav_child2.getURL()}" ${nav_child.getTarget()} role="menuitem"><span>${nav_child2.getName()}

162                                                                        <#if nav_child2.getTarget()?contains("_blank")>

163                                                                            <img alt="ventana nueva" class="ven-new" src="/o/iberdrola-corporativo-theme/images/comunes/ventana_nueva.png">

164                                                                            <span class="sr-only txt-aa">External link, opens in new window.</span>

165                                                                        </#if>

166                                                                </span></a>

167                                                            </li>

168                                                        </#list>

169                                                    </ul>

170                                                </#if>

171                                </li>

172                            </#list>

173                        </ul>

174                    </#if>

175                </li>

176            </#list>

177        </ul>

178    </nav>

179    </div>

181    </#if>