无障碍网页指引

为了确保每个人都能访问网站和web应用程序, 加州大学洛杉矶分校网页设计师, 开发人员, and content creators must follow the latest web accessibility guidelines.

形式

表单通常用于在网站和web应用程序中提供用户交互. 以使在线表格可访问, every form field must have a descriptive label that identifies its purpose. 标签应该放置在其各自的字段附近,并且必须与该字段相关联.

You can improve the accessibility of your form by following these best practices.

  • Provide clear instructions on how to complete the form.
  • 明确指定必填字段.
  • 按逻辑顺序放置表单字段.
  • Group related form fields and label them appropriately.
  • Ensure that form fields can be navigated using the keyboard.
  • Ensure that errors are communicated clearly and are easy to identify.

 Drupal网站

If your web页面 is hosted on the University's Drupal web platform (jlkf.carlatitude.com), you can easily create accessible forms by using the 网络form content type. 添加新表单字段时, 您为该字段输入的标签将自动与相应的字段关联. You can also easily group and sort fields using a drag-and-drop functionality. For instructions on how to create a form in Drupal, visit the 创建网络forms 页面.

 Non-Drupal网站

If your web页面 is hosted on the University's web server (web.calstatela.Edu)或第三方, use correct HTML markup to associate labels with their corresponding fields. If you use JavaScript to manipulate form data or for form validation, ensure that the form can still be navigated using the keyboard. 欲了解更多信息,请访问 W3C的表单概念 页面和 网络AIM创建可访问表单 页面.

帧 are used to separate a web页面 into different sections, 每个部分都有自己的窗口. 如果可能的话,避免使用框架,因为它们会产生可用性和可访问性问题. 如果你必须使用框架, 确保每个框架都有一个有意义的标题,清楚地表明该框架内的内容. 也, include a element to specify equivalent content for web browsers that do not support frames or are configured not to display them.</p> <h3>Iframes</h3> <p>内联框架(iframes)用于将内容从一个网页嵌入到另一个网页中.g., a video from YouTube or a social media widget). 如果您在页面上合并iframe,请确保它有一个有意义的标题. 也, 通过在iframe开始和结束标记之间包含文本描述来提供可选内容.</p> <p>欲了解更多信息,请访问 <a href="http://webaim.org/techniques/frames/">网络AIM's Creating Accessible 帧 and Iframes</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921171 paragraphs-item-921171 paragraph--view-mode--default accordion" id="accordion-921171"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">标题</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><p>标题帮助用户理解网页上包含的信息以及这些信息是如何组织的. 标题还允许屏幕阅读器和辅助技术用户浏览页面结构,导航到或跳过部分.</p> <p>When designing the structure of your 页面, follow these best practices.</p> <ul><li>Use headings to denote a 页面's structure rather than for visual effect.</li> <li>Apply heading markup (h1-h6) to all visual headings. Do not format text to make it look like a heading.</li> <li>Use only one main heading (h1) which should be the 页面 title.</li> <li>正确排序标题. Subheadings of h1 are h2s, subheadings of h2s are h3s, etc.</li> <li>使标题简短和描述性,这样用户可以很容易地找到他们正在寻找的信息.</li> <li>Make sure all headings have associated content (i.e.,没有空标题).</li> </ul><h3><i aria-hidden="true" class="fab fa-drupal"> </i> Drupal网站</h3> <p>If your web页面 is hosted on the University's Drupal web platform (jlkf.carlatitude.com), you can apply heading styles (标题 2, 标题 3, etc.) using the Format button on the WYSIWYG toolbar. 在Drupal, 页面标题被标记为标题1, 因此,页面内容中的第一级副标题应标记为标题2.</p> <h3><i aria-hidden="true" class="far fa-code"> </i> Non-Drupal网站</h3> <p>If your web页面 is hosted on the University's web server (web.carlatitude.com)或第三方,使用正确的HTML标记样式标题(h1, h2, h3等.). 欲了解更多信息,请访问 <a href="http://www.w3.org/WAI/tutorials/page-structure/headings/">W3C的标题</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921176 paragraphs-item-921176 paragraph--view-mode--default accordion" id="accordion-921176"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">图片</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><p>图片 can enhance content or add visual interest to a web页面, but they are inaccessible to people with visual impairments. 为了便于访问,所有图像都必须具有等效的替代文本(alt文本)。. It is read by screen readers in place of an image, allowing the content and function of the image to be accessible. 图片最合适的替代文字取决于图片在网页上下文中的目的.</p> <ul><li>如果图像传达了简单的信息, the alt text should convey the same essential information as the image.</li> <li>如果一幅图像传达了复杂的信息(例如.g., 图表或图表), 它应该包括一个简短的Alt文本和一个长描述,提供有关图像的更多细节.</li> <li>If an image is purely decorative, the alt attribute should be empty (alt=""). This tells screen readers to completely ignore the image.</li> <li>If an image has a caption or is described in adjacent text, Alt属性应该为空(Alt =""),这样屏幕阅读器就不会读取信息两次.</li> <li>If an image contains text, the alt text should contain the same text.</li> <li>If an image is linked, the alt text should describe the link's destination.</li> <li>如果图片被用作按钮,alt文本应该描述按钮的用途.</li> </ul><p>欲了解更多信息,请访问 <a href="http://webaim.org/techniques/alttext/">网络AIM的替代文本</a> 页面.</p> <h3><i aria-hidden="true" class="fab fa-drupal"> </i> Drupal网站</h3> <p>To ensure that websites hosted on the University's Drupal web platform (jlkf.carlatitude.com) meet accessibility requirements, an alt text is required for all images. For instructions on how to add an image in Drupal, visit the <a href="/support/adding-images">添加图片</a> 页面.</p> <h3><i aria-hidden="true" class="far fa-code"> </i> Non-Drupal网站</h3> <p>If your web页面 is hosted on the University's web server (web.calstatela.Edu)或第三方, ensure that all images include an appropriate alt text. 欲了解更多信息,请访问 <a href="http://www.w3.org/WAI/tutorials/images/">W3C的图像概念</a> 页面和 <a href="http://webaim.org/techniques/images/">网络AIM的无障碍图像</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921181 paragraphs-item-921181 paragraph--view-mode--default accordion" id="accordion-921181"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">链接</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><p>链接 are one of the most basic and important elements of a website. 它们对网站导航至关重要,可以用来交叉引用相关内容. As a result, inaccessible links are one of the biggest issues a website can have.</p> <h3>何时使用链接</h3> <p>通过遵循这些最佳实践,您可以提高链接的可用性和可访问性.</p> <ul><li>Use link text that is meaningful when read out of context. Avoid using redundant or ambiguous link text such as "click here" or "read more".</li> <li>保持链接文本简洁. 长链接更有可能在网页上跨行中断,使其看起来像两个链接.</li> <li>避免使用url作为链接文本. 如果URL相对较短,例如网站的主页,则可以将其用作链接文本.</li> <li>Do not use the same text for links that go to different destinations.</li> <li>Ensure that links can be navigated using the keyboard.</li> <li>Style links to make them distinctive from other types of text on a web页面. Underlining links is a standard convention to denote that text is clickable.</li> </ul><p>欲了解更多信息,请访问 <a href="http://7q.carlatitude.com/">网络AIM的链接和超文本</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921186 paragraphs-item-921186 paragraph--view-mode--default accordion" id="accordion-921186"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">插件</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><p>插件使网页浏览器能够显示特定的文件格式(PDF, Word, Excel, PowerPoint等).). When a web页面 links to a file that requires a plug-in to display the content, a link must be provided to a 页面 where the plug-in can be downloaded.</p> <h3><i aria-hidden="true" class="fab fa-drupal"> </i> Drupal网站</h3> <p>If your web页面 is hosted on the University's Drupal web platform (jlkf.carlatitude.com), 这一要求是通过位于网站页脚的文件查看器链接自动满足的. If you link to a file which requires a plug-in that is not listed on the <a href="/plugins">文件查看器和插件</a> 页面, you need to add a link to a 页面 where the plug-in can be downloaded.</p> <h3><i aria-hidden="true" class="far fa-code"> </i> Non-Drupal网站</h3> <p>If your web页面 is hosted on the University's web server (web.calstatela.Edu)或第三方, 您可以通过添加一个链接到可以下载相应插件的页面来满足这一要求. For a list of plug-ins for common file types, visit the <a href="/plugins">文件查看器和插件</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921191 paragraphs-item-921191 paragraph--view-mode--default accordion" id="accordion-921191"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">Skip-Navigation</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><p>Many websites have redundant navigation links across multiple 页面s. For screen reader users and users navigating by keyboard, 如果没有办法有效地跳过这些链接,这些链接就会变得很麻烦. 提高网站的可访问性, 在每个页面上包含一个跳过导航链接,允许网站访问者跳过重复的页面元素,进入主要内容.</p> <h3><i aria-hidden="true" class="fab fa-drupal"> </i> Drupal网站</h3> <p>If your web页面 is hosted on the University's Drupal web platform (www.calstatela.Edu),则自动满足此要求. Every 页面 that is created in Drupal includes a "Skip to content" link.</p> <h3><i aria-hidden="true" class="far fa-code"> </i> Non-Drupal网站</h3> <p>If your web页面 is hosted on the University's web server (web.calstatela.Edu)或第三方, 您可以通过在每个页面的顶部添加直接指向主要内容的链接来满足这一要求. 欲了解更多信息,请访问 <a href="http://c6.carlatitude.com/">网络AIM的跳过导航链接</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921196 paragraphs-item-921196 paragraph--view-mode--default accordion" id="accordion-921196"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">表</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><p>表 should be used to present data; they should not be used to create a 页面 layout. 使数据表可访问, 它需要包含列和/或行标头,以及将数据单元格与其各自标头相关联的标记.</p> <h3><i aria-hidden="true" class="fab fa-drupal"> </i> Drupal网站</h3> <p>If your web页面 is hosted on the University's Drupal web platform (www.calstatela.Edu),您可以轻松创建可访问的表. 将表添加到页面时, 确保在“表属性”对话框中指定列和/或行标题. 根据你的选择, Drupal将自动向表中添加适当的标记,以便将数据单元格与其标题关联起来. For instructions on how to add a table in Drupal, visit the <a href="/support/adding-tables">添加表</a> 页面.</p> <h3><i aria-hidden="true" class="far fa-code"> </i> Non-Drupal网站</h3> <p>If your web页面 is hosted on the University's web server (web.calstatela.Edu)或第三方, 确保使用适当的HTML标记将数据单元格与其标题关联起来,从而创建可访问的表. 欲了解更多信息,请访问 <a href="http://www.w3.org/WAI/tutorials/tables/">W3C的表概念</a> 页面和 <a href="http://webaim.org/techniques/tables/data">网络AIM创建可访问表</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921201 paragraphs-item-921201 paragraph--view-mode--default accordion" id="accordion-921201"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">文本</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><p>为了便于访问,网站文本必须具有高水平的可读性和易读性. 可读性是指读者能够容易地识别单词、句子和段落. 易读性是指读者识别文本中单个字符的难易程度.</p> <p>您可以通过遵循这些最佳实践来提高文本的可访问性.</p> <ul><li>写作清晰简洁.</li> <li>用标题和列表组织内容.</li> <li>Use real text rather than text embedded within graphics.</li> <li>Provide sufficient contrast between text and its background.</li> <li>选择简单易读的字体.</li> <li>避免使用小字体.</li> <li>字体大小使用相对单位.</li> <li>避免完全对齐的文本.</li> <li>避免闪烁或移动文本.</li> <li>限制使用字体变体,例如 <strong>大胆的</strong>, <em>斜体</em>,并全部大写字母.</li> <li>Do not underline text unless the text is a link.</li> <li>识别语言的任何变化(e).g.(从英语到西班牙语).</li> </ul></div> </div> </div> </div> <div class="field__item"> <div class="padding-remove paragraph-width-100 paragraph paragraph--type--content paragraph--id--921206 paragraphs-item-921206 entity_921206 paragraph--view-mode--default paragraphs-item-content"> <div class="clearfix text-formatted field field--name-field-text field--type-text-long field--label-hidden field__items"> <div class="field__item"><h3>创建可访问的网络内容</h3> <p>通过遵循上面列出的简单指导方针,大多数web内容都可以访问. 有关网站可访问性指南的全面列表以及如何满足这些指南,请访问 <a href="http://webaim.org/standards/wcag/checklist">网络AIM的WCAG 2.0的清单</a> 页面和 <a href="http://www.w3.org/WAI/WCAG20/quickref/">W3C如何满足WCAG 2.0</a> 页面.</p> </div> </div> </div> </div> <div class="field__item"> <div class="padding-above-below paragraph paragraph--type--accordion paragraph--id--921211 paragraphs-item-921211 paragraph--view-mode--default accordion" id="accordion-921211"> <div class="field field--name-field-section-heading field--type-string field--label-hidden field__items"> <h2 class="field__item">Color</h2> </div><div class="clearfix text-formatted field field--name-field-text-limited field--type-text-long field--label-hidden field__items"> <div class="field__item"><h3>色彩的运用</h3> <p>色彩是网页设计的一个重要方面. However, some users have difficulty perceiving color. 当使用颜色时,确保它不是传达信息的唯一视觉手段. 如果你用颜色来传达信息(e.g., 指定必需的字段, 超链接, 活跃的元素, 或其他资料), 包括第二种区分方法. 例如, if a web页面 directs site visitors to press a green button for help, it should also include the word "Help" on the button. 这样,一个色盲的人仍然可以识别出这个按钮是为了帮助.</p> <h3>颜色对比</h3> <p>使用颜色时, 在文本和背景之间提供足够的对比度,以便有视觉障碍的人可以阅读内容.</p> <ul><li>The minimum contrast ratio between text and its background should be 4.5:1.</li> <li>较大的文本(不加粗至少18点,加粗至少14点)的对比度可以设置为3:1.</li> <li>这些要求也适用于文本图像,如果这些图像打算被理解为文本.</li> <li>文本 that is decorative and conveys no information has no contrast requirement.</li> </ul><p>使用 <a href="http://1d8.carlatitude.com/">网络AIM颜色对比检查器</a> to test the contrast ratio between text and its background:</p> </div> </div> </div> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> </main> <footer class="mt-auto"> <div class="footer-region-wrapper"> <div class="container"> <div class="region region-footer"> <div class="block block-block-content block-block-content80a0df05-0cd4-45f9-ac39-38a1f032cc80" id="block-footerlogo"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"><a href="http://campaign.carlatitude.com"><img alt="加州大学洛杉矶分校的竞选活动" class="img-fluid" loading="lazy" src="/themes/custom/csula/assets/images/wearela_logo.svg" typeof="foaf:Image"/></a></div> </div> </div> <nav aria-label="Footer menu" class="block block-menu navigation menu--footer" id="block-footermenu"> <ul class="nav" data-block="footer"> <li class="nav-item"> <span class="nav-link dropdown-toggle">连接</span> <ul> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/12" href="/contact-us">&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;</a> </li> <li class="nav-item"> <a class="nav-link" href="http://news.carlatitude.com/" target="_blank">媒体</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/225266" href="/univ/ppa/publicat/social-media-directory">社交媒体中心</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/469341" href="/advancement/ways-give">给予的方式</a> </li> </ul> </li> <li class="nav-item"> <span class="nav-link dropdown-toggle">服务</span> <ul> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="map" href="/map">校园地图</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/454692" href="http://pyfs.carlatitude.com/">校园安全</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/335751" href="/careteam">护理团队</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/374961" href="/dining-on-campus/hours-services">校园用餐</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/417636" href="/WellBeingU">WellBeingU</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/378936" href="/parking">停车 &amp; 运输</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/451801" href="/studenthealthcenter">学生健康中心</a> </li> </ul> </li> <li class="nav-item"> <span class="nav-link dropdown-toggle">行政</span> <ul> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/431021" href="/accessibility/accessibility-statement">可访问性</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/372596" href="/wscuc">认证</a> </li> <li class="nav-item"> <a class="nav-link" href="/sites/default/files/2023%20Annual%20Security%20Report_2.pdf" target="_blank">年度保安报告</a> </li> <li class="nav-item"> <a class="nav-link" href="/sites/default/files/2024%20Campus%20Safety%20Plan.pdf" target="_blank">校园安全计划</a> </li> <li class="nav-item"> <a class="nav-link" href="http://www.calstate.edu/">基社盟系统</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/284406" href="/plugins">文件的观众</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/404856" href="/privacy">隐私</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/453836" href="http://7k5.carlatitude.com/">第九条</a> </li> </ul> </li> </ul> </nav> </div> <div class="region region-footer-second"> <div class="block block-block-content block-block-content39f9e367-988e-483a-ae5d-7b646779755a" id="block-footersecondlogo"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"><a href="/"><img alt="加州州法律" class="img-fluid" loading="lazy" src="/themes/custom/csula/assets/images/calstatela-horizontal-hero.svg" typeof="foaf:Image"/></a></div> </div> </div> <nav aria-label="Social 媒体 链接" class="block block-menu navigation menu--social-media-links" id="block-socialmedialinks"> <ul class="nav" data-block="footer_second"> <li aria-label="加州大学洛杉矶分校的Facebook账号" class="nav-item"> <a class="nav-link" href="http://www.facebook.com/CalStateLA" target="_self" title="加州大学洛杉矶分校的Facebook账号"><i aria-hidden="true" class="fa fa-brands fa-facebook-f"></i></a> </li> <li aria-label="加州州立大学洛杉矶X(推特)" class="nav-item"> <a class="nav-link" href="http://twitter.com/calstatela" target="_self" title="加州州立大学洛杉矶X(推特)"><i aria-hidden="true" class="fa fa-brands fa-x-twitter"></i></a> </li> <li aria-label="&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;的Instagram" class="nav-item"> <a class="nav-link" href="http://www.instagram.com/calstatela" target="_self" title="&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;的Instagram"><i aria-hidden="true" class="fa fa-brands fa-instagram"></i></a> </li> <li aria-label="&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;在领英上" class="nav-item"> <a class="nav-link" href="http://www.linkedin.com/school/california-state-university-los-angeles" target="_self" title="&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;在领英上"><i aria-hidden="true" class="fa fa-brands fa-linkedin-in"></i></a> </li> <li aria-label="加州大学洛杉矶分校的YouTube视频" class="nav-item"> <a class="nav-link" href="http://www.youtube.com/user/csulosangeles" target="_self" title="加州大学洛杉矶分校的YouTube视频"><i aria-hidden="true" class="fa fa-brands fa-youtube"></i></a> </li> </ul> </nav> </div> </div> </div> <div class="copyright-region-wrapper"> <div class="container"> <div class="region region-copyright"> <div class="block block-block-content block-block-content42690892-8860-4c44-a59e-16e27d38a340" id="block-copyright"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__items"> <div class="field__item"><p>5151 State University Drive, Los Angeles, CA 90032 (323) 343-3000<br/> © 2024 Trustees of the California State University</p> </div> </div> </div> </div> </div> </div> </footer> </div> <a href="http://t.carlatitude.com/" id="back-to-top" style="display: none;" title="回到顶部">回到顶部</a> <section class="" id="navigation-overlay"></section> <section aria-hidden="true" aria-modal="true" class="desktop-additional-navigation additional-navigation loading" id="slide-in-navigation" role="dialog"> <span aria-controls="slide-in-navigation" aria-label="Close 快速链接" class="navbar-toggler" id="slide-in-navigation-close" role="button"> <span class="toggler-icon"><i class="fa-solid fa-xmark"></i></span> </span> <div class="desktop-wrapper"> <div class="quicklinks-wrapper"> <ul class="nav"> <li class="nav-item"> <span class="nav-link dropdown-toggle">快速链接</span> <ul> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/394621" href="/academicresources/academic-calendar">校历</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/431021" href="/accessibility/accessibility-statement">可访问性</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="map" href="/map">校园地图</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/429326" href="/commencement">毕业典礼</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/424781" href="/president">总统办公室</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/465226" href="/students-families/student-parent-resources">学生及家长资源</a> </li> </ul> </li> </ul> </div> <div class="social-links-wrapper"> <ul class="nav"> <li class="nav-item"> <a class="nav-link" href="http://www.facebook.com/CalStateLA" target="_self" title="加州大学洛杉矶分校的Facebook账号"><i aria-hidden="true" class="fa fa-brands fa-facebook-f"></i></a> </li> <li class="nav-item"> <a class="nav-link" href="http://twitter.com/calstatela" target="_self" title="加州州立大学洛杉矶X(推特)"><i aria-hidden="true" class="fa fa-brands fa-x-twitter"></i></a> </li> <li class="nav-item"> <a class="nav-link" href="http://www.instagram.com/calstatela" target="_self" title="&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;的Instagram"><i aria-hidden="true" class="fa fa-brands fa-instagram"></i></a> </li> <li class="nav-item"> <a class="nav-link" href="http://www.linkedin.com/school/california-state-university-los-angeles" target="_self" title="&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;在领英上"><i aria-hidden="true" class="fa fa-brands fa-linkedin-in"></i></a> </li> <li class="nav-item"> <a class="nav-link" href="http://www.youtube.com/user/csulosangeles" target="_self" title="加州大学洛杉矶分校的YouTube视频"><i aria-hidden="true" class="fa fa-brands fa-youtube"></i></a> </li> </ul> </div> </div> </section> <section aria-hidden="true" aria-modal="true" class="mobile-additional-navigation additional-navigation loading" id="mobile-slide-in-navigation" role="dialog"> <span aria-controls="mobile-slide-in-navigation" aria-label="Close menu" class="navbar-toggler" id="mobile-slide-in-navigatio-close" role="button"> <span class="toggler-icon"><i class="fa-solid fa-xmark"></i></span> </span> <div class="mobile-wrapper"> <div class="mobile-menus-wrapper"> <div class="left-side"> <div class="main-wrapper"> <ul class="nav"> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411791" href="/about">&#36275;&#24425;&#22806;&#22260;&#32593;&#31449;</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411796" href="/academics">学者</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411801" href="/admissions-aid">招生 &amp; 援助</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411806" href="/student-success">学生的成功</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411811" href="/campus-life">校园生活</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/464101" href="/diversity">多样性</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411816" href="/public-good">公共利益</a> </li> <li class="nav-item"> <a class="nav-link" href="http://lagoldeneagles.com">体育运动</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/343676" href="/givenow">给现在</a> </li> </ul> </div> </div> <div class="right-side"> <div class="header-right-wrapper"> <ul class="nav"> <li class="nav-item"> <a aria-label="MyCalStateLA Portal" class="nav-link" href="http://my.carlatitude.com">MyCalStateLA</a> </li> <li class="nav-item"> <a class="nav-link" href="http://directory.carlatitude.com">目录</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/434716" href="/library">图书馆</a> </li> <li class="nav-item"> <span class="quicklinks nav-link"><span class="link-text">快速链接</span> <i aria-hidden="true" class="fa fa-solid fa-caret-down"></i></span> </li> <li class="nav-item"> <a class="search header-search-open-button nav-link" data-drupal-link-system-path="node/431806" href="http://75.carlatitude.com/"><span class="link-text">搜索</span> <i aria-hidden="true" class="fa fa-solid fa-magnifying-glass"></i></a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/343676" href="/givenow">给现在</a> </li> </ul> </div> <div class="header-quick-links-new"> <ul class="nav"> <li class="nav-item"> <span class="nav-link dropdown-toggle">快速链接</span> <ul> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/394621" href="/academicresources/academic-calendar">校历</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/431021" href="/accessibility/accessibility-statement">可访问性</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="map" href="/map">校园地图</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/429326" href="/commencement">毕业典礼</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/424781" href="/president">总统办公室</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/465226" href="/students-families/student-parent-resources">学生及家长资源</a> </li> </ul> </li> </ul> </div> <div class="header-left-wrapper"> <ul class="nav"> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411821" href="/students">学生</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/411826" href="/faculty-staff">教师 &amp; 工作人员</a> </li> <li class="nav-item"> <a class="nav-link" data-drupal-link-system-path="node/445281" href="/alumni">校友</a> </li> </ul> </div> </div> </div> </div> </section> </div> <script data-drupal-selector="drupal-settings-json" type="application/json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/430721","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"asset_injector\/css\/admin_overrides,asset_injector\/css\/csula_fixes,asset_injector\/js\/webform_files,bootstrap5\/base,bootstrap5\/bootstrap5-js-latest,bootstrap5\/global-styling,bootstrap5\/messages,bootstrap5\/node,calendar\/calendar.theme,core\/normalize,csula\/global-styling,csula\/slick-carousel,custom_module\/global-styling,fontawesome\/fontawesome.webfonts,fontawesome\/fontawesome.webfonts.shim,google_analytics\/google_analytics,kwall_alerts\/alert-rest,kwall_alerts\/dismissed-cookie,kwall_map\/kwall-map,paragraphs\/drupal.paragraphs.unpublished,system\/base,views\/views.module","theme":"csula","theme_token":null},"ajaxTrustedUrl":[],"google_analytics":{"account":"UA-6540001-1","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"kwall_map":{"overlay_path":null,"sw_lat":null,"sw_lon":null,"ne_lat":null,"ne_lon":null,"style":null},"user":{"uid":0,"permissionsHash":"4bbce0dcace1b4e2addf0972d914f9345f4593df44811bb2c5eb4bcf17627fde"}}</script> <script src="/sites/default/files/js/js_skm1sxgl2GyOLE2d0SETI2kfDqTrVzlPpkVWFhSTTWk.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=csula&amp;include=eJyFUdt2xCAI_CGNT_2eHKJswi5KjmDT7dfXZtN2Lw990WEGEEZQRRupnDGa1BBVA6RMZZR3rJUSqoPXlKiNYTzRx6t81rDhdJKau85dj8BYEvTCAwy2YEYXm5rkMUtqjGFmmYC92pWpzO4kxWBDlYzhDg9762L6b8KgC2U3i8yMIxTgq1HU8Ey4ywbMY5-smoZEmqmvk3wUuRAeaoY17Mh35PSqhjlMoOgmEVOrsL69xBlVYf7eXyqG0v0Aps_Hkl_oz-oZDNXu9SdPdtODMsWLj1ClKfJBPmWuUGHuLZa-Um0r8PDHDK2sbWLSBdP9Y0USunfCTcN-DrePuY3fxzsc2cOfplXm2td8NHG_fOftC7jZ7EA"></script> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"25d948e959","applicationID":"1578113289","transactionName":"Y1RUN0AHXBVQWkJQWloedwBGD10IHn1ETEVVXWoNXQJXOnJWWE1HW11aBkA6fAlVXGBQUENyWQ1GFF0KXVxEFAtCWFMU","queueTime":11,"applicationTime":1193,"atts":"TxNDQQgdT0oTWBQDTklM","errorBeacon":"bam.nr-data.net","agent":""}</script> <style> .hidden { display: none; } </style> <a href="http://www.overpie.com" class="hidden">Online-gambling-platform-careers@overpie.com</a> <a href="http://fsbdtl.urauradvd.com" class="hidden">《鹿鼎记》官方网站</a> <a href="http://web-sitemap.tmsk7ckl.com" class="hidden">TCL创意感动生活</a> <a href="http://www.xtgene.com" class="hidden">Crown-Sports-Betting-contactus@xtgene.com</a> <a href="http://lillianastationery.net" class="hidden">河南整形美容医院</a> <a href="http://www.drf8786.com" class="hidden">Sports-betting-platform-support@drf8786.com</a> <a href="http://www.enertec-systems.com" class="hidden">威尼斯人平台</a> <a href="http://ran-skilledhands.net" class="hidden">江西师范大学本专科招生信息网</a> <a href="http://www.lengyileng.com" class="hidden">大发彩票平台</a> <a href="http://www.tcjgelnpldqko.com" class="hidden">棋牌游戏平台</a> <a href="http://www.firereign.net" class="hidden">Online-gambling-platform-info@firereign.net</a> <a href="http://www.cjpk.net" class="hidden">European-Cup-buying-hr@cjpk.net</a> <a href="http://web-sitemap.liquiware.com" class="hidden">南京就业网</a> <a href="http://www.ytbeichen.com" class="hidden">皇冠足球</a> <a href="http://www.wuhubanjia.net" class="hidden">欧洲杯竞猜</a> <a href="http://www.leilanycanvaswall.net" class="hidden">Outside-gaming-platform-support@leilanycanvaswall.net</a> <a href="http://www.lfteam.net" class="hidden">皇冠体育</a> <a href="http://www.ziwest.com" class="hidden">Buy-ball-app-contact@ziwest.com</a> <a href="http://vwngis.jj66slot.net" class="hidden">沈阳铁路局</a> <a href="http://sggrwc.sdgzsx.net" class="hidden">陕西航空职业技术学院</a> <a href="https://tw.dictionary.search.yahoo.com/search?p=官方赌场手机平台-官方赌场手机平台官方网站👍访问:bb999.net👍" class="hidden">景格科技</a> <a href="https://trends.google.com/trends/explore?geo=HK&q=👍打开:bb999.net👍mg冰球突破试玩-mg冰球突破试玩官方网站.iql" class="hidden">听中国</a> <a href="https://trends.google.com/trends/explore?geo=HK&q=科普一下外围博彩平台的百科⭐️地址:jj11.net⭐️科普一下外围博彩平台的百科⭐️地址:jj11.net⭐️.ujd" class="hidden">互动游戏大全</a> <a href="https://tw.dictionary.search.yahoo.com/search?p=👍访问:bb999.net👍买世界杯app下载-维基百科.pyh" class="hidden">90后心动劲舞团官方网站</a> <a href="https://www.roberthalf.com/us/en/jobs/all/mg游戏平台(中国)有限公司🍎访问:bb77.net🍎.hyc" class="hidden">重庆科创职业学院</a> <a href="https://www.tiktok.com/search/user?q=👍打开:bb999.net👍新葡京平台平台介绍.oad" class="hidden">推广联盟</a> <a href="https://www.roberthalf.com/us/en/jobs/all/2024真钱欧洲杯买球平台👍打开:bb999.net👍2024真钱欧洲杯买球平台👍打开:bb999.net👍" class="hidden">冰狼辅助官方网站</a> <a href="https://www.sony.co.uk/store/search?query=欧洲杯买球app下载(中国)有限公司🍎访问:bb77.net🍎.srw" class="hidden">易登上海分类信息网</a> <a href="https://www.roberthalf.com/us/en/jobs/all/2024欧洲杯在线买球app👍打开:bb999.net👍2024欧洲杯在线买球app👍打开:bb999.net👍.zbq" class="hidden">淘狗网</a> <a href="https://www.sony.co.uk/store/search?query=🔥打开:bb77.net🔥(关于韦德买球网站的简介)韦德买球网站.mtu" class="hidden">苹果在线</a> <a href="/cn/yqwsmp-159591" class="hidden">86人才网</a> <a href="/cn/stlcwn-928692" class="hidden">足球魔方</a> <a href="/sitemap.xml" class="hidden">站点地图</a> <a href="/cn/mkijof-114455.html" class="hidden">赶街网</a> <a href="/sttcs/hot-news/quadrigeminum.html" class="hidden">秀色秀场</a> </body></html>