LibGuides: CougarVIEW Guides: CougarVIEW Editor (Editing a page)

Overview

Overview of CougarVIEW Accessibility: It provides the information about the usage of accessibility checker to maintain the WCAG standards.

Here is the BrightSpace link for Using the accessibility checker on HTML-authored content.

Here is the BrightSpace link for Compliance to accessibility standards in HTML-authored content.

Overview of CougarVIEW Editor: The image and video on the page gives the detailed explanation of usage of CougarVIEW Editor for the course content.

Overview of Insert/Edit images:You can insert or edit an image by using the CougarVIEW Editor are shown in this page.

Here is the BrightSpace link for Inserting and editing images.

CougarVIEW Editor Topics

The accessibility checker gives you a way to ensure that the content you author in the HTML Editor conforms to WCAG and Section 508 accessibility standards. The accessibility checker is available within the HTML Editor for use within Content, Widgets, Quizzes, Assignments, Calendar, Assignments, Discussions and any other tools where a user can access the HTML Editor. The accessibility checker is available in the top bar within Brightspace Editor. After you add content in Brightspace Editor, you can click the checker to ensure that the HTML page meets conformance to WCAG standards.

Enter HTML content in the HTML Editor.
Select Accessibility Checker button to start the checker.

Accessibility checker

If there are any compliance issues, read the report for suggestions on how to fix the issue.

The accessibility checker reviews content for the use of the following items:

Use of paragraphs as headings
Sequential headings
Adjacent links
Ordered list structure
Unordered list structure
Contrast ratio of text to background colors
Image ALT text
ALT text file name
Table caption
Complex table summary
Table caption and summary
Table heading scope, markup, and headers

The checker indicates if the content is free of accessibility issues, or offers suggestions to fix them.

Note that the accessibility checker does not check multiple files at the same time and does not check files that you have imported into a course. Also be aware that the accessibility checker is only available for HTML files in the HTML Editor tool; it cannot be used to check any other file type, such as MS Word, PDF, PowerPoint, and so on.

HTML editor detail view

The HTML Editor has three options you can choose when viewing content:

View	Description
Design view	The design view loads automatically when the HTML Editor is accessed. Use this view to quickly create and format content without needing any prior knowledge of HTML. Enter your content and use the available controls to apply formatting to your text, insert images and tables, and create links.
Source Editor view	Click the HTML Source Editor icon to display the source editor view. This view displays the code that structures and formats your content. Use this view if you have experience with HTML and prefer to author your content in HTML or want to apply styles from a cascading style sheet (CSS). If you have HTML-based content from another application, you can also copy and paste that code into the source editor view.
Preview	Use the view to display a preview of your HTML content in a new window. This allows you to preview content and ensure that it displays as expected prior to saving any changes.

Insert an image into an HTML editor.

Insert Image

Note: If you want to save the image file in a specific location, select Choose Destination and select the path or create a new folder in which you want to save the same.

Select the Insert Image icon.
In the Add a File dialog, click either My Computer or Course Offering Files and select the image you want to insert, or click URL and link out to the image you want to insert.

Add an Image

Select Add.

Add file button

Enter the Alternative Text and selectOK.

Follow the steps below to Edit the image description and properties:

Navigate to anywhere Brightspace Editor is available, like Content or Discussions.
Right-click on the image you want to update and select Edit image.

Edit image

In the Edit Image dialog, you can edit your image using the following options:
- Crop
- Resize
- Orientation
- Brightness
- Sharpen
- Contrast
- Color levels
- Gamma
- Invert

Edit Image Options

Select Save.

Note: Image changes are saved to Manage Files at the course-level root, or, depending on user permissions, as new file attachments to the item (such as the discussion) every time a change is made. Multiple edits, in turn, create multiple files. If the course is copied, all image edits are copied as well. Edited images are saved with their original names followed by a date-time string, which helps to find changed pictures easily when browsing files in Manage Files.